[Resolved] widgets (center)

[generatepressuser]

Hello

I would like to “center” the widgets I have on the website I made for a friend. There are only 3 widgets and I tried a lot of different css code but could not center it. I can do it with margin-left but then in mobile version it looks horrible.

Do you have any idea how to center the widget area above the footer?

Thank you.

[David]

Hi there,

try this CSS:

@media (min-width: 1024px) {
    .site-footer .footer-widgets-container .inner-padding {
        padding: 0;
    }

    .site-footer .footer-widgets-container .inside-footer-widgets {
        margin-left: 0;
        display: flex;
        justify-content: center;
    }

    .inside-footer-widgets .grid-33 {
        width: auto;
    }

    .footer-widget-2 {
        margin-left: auto;
        margin-right: auto;
    }
}

[generatepressuser]

Thank you it looks perfect!

Good to learn this way 🙂

[David]

Glad to be of help.

[Author]

Posts