Archived topic
Site Library "Dev" Footer Widgets with same size
3 replies · Started by Jan on August 18, 2020
Viewing posts 1–4 of 4
Hey there,
i need your help.
I am using the "Dev" Design from the site library.
The footer widget areas have different width.
footer-widget-1 is fine for me.
But i want to insert a image and a text on footer-widget-2, footer-widget-3 and footer-widget-4.
But they have different sizes, so the images and spaces between the divs are different.
How can i align 2,3 and 4?
Thanks and best regards
Jan
Hi there,
go to Customizer > Additional CSS and delete this CSS to set the default footer widget widths OR you can edit the Widths to suit:
/* footer widget spacing */
@media (min-width:1025px) {
.footer-widgets .footer-widget-1 {
width: 15%;
padding-right: 80px;
}
.footer-widgets .footer-widget-2 {
width: 20%;
}
.footer-widgets .footer-widget-3 {
width: 30%;
}
.footer-widgets .footer-widget-4 {
width: 35%;
}
}
@media (max-width:768px) {
.footer-widgets .footer-widget-1,
.footer-widgets .footer-widget-2,
.footer-widgets .footer-widget-3,
.footer-widgets .footer-widget-4 {
width: 100%;
text-align: center;
}
}Perfect - THANKS!!
You're welcome
This archived topic is closed to new replies.
