[Resolved] increasing the width of one widget

[Tomasz]

I have the latest premium GP. For this DEV theme. I have a problem because I can’t deal with a few things myself.

1. At the bottom of the page I have 4 widgets. I need to move the first widget a bit so that the 3 social icons are in one row.
At the moment I can only do this by reducing the icons, but then it looks bad. It looks good on the phone, but tragically on the computer.

Link image: https://ibb.co/Yp5c3RD

[David]

Hi there,

go to Customizer > Additional CSS and look for this:

/* footer widget spacing */
@media (min-width: 1025px) {
    .footer-widgets .footer-widget-1 {
        flex-basis: 15%;
        padding-right: 80px;
    }

    .footer-widgets .footer-widget-2 {
        flex-basis: 20%;
    }

    .footer-widgets .footer-widget-3 {
        flex-basis: 30%;
    }

    .footer-widgets .footer-widget-4 {
        flex-basis: 35%;
    }
}

Change each of the flex-basis: xx% for each of the footer widgets. Make sure they total 100%.

[Tomasz]

works, thanks a lot 🙂

[David]

Glad to hear that

[Author]

Posts