[Resolved] Site Library “Dev” Footer Widgets with same size

[Jan]

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

[David]

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;
    }
}

[Jan]

Perfect – THANKS!!

[David]

You’re welcome

[Author]

Posts