[Resolved] Center alignment for footer widgets

[Martin Kirst]

Hey there,
it’s me again. 😀

Is there a way to center-align the footer widgets?
I would like to use three widets and one of the widgets will be an image.
So, it would be great if I can center-align these three widgets.

Martin

[Martin Kirst]

This just did the trick:

.footer-widgets {
	text-align: center;
}

Can be closed.

[Tom]

Hi Martin,

Perfect! 🙂

Tom

[Sars]

Hey @Tom , The footer align works perfectly well. How to Left align each individual items in the footer after center aligning – https://nationalroofingsupply.ca?

Thank You

[Fernando]

Hi Sarathy,

If that’s the look you’re going for, this specific CSS code might not be suitable for you.

Instead, here is a CSS you can try:

@media (max-width: 768px) {
    .inside-footer-widgets > * {
        text-align:center;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .inside-footer-widgets > * {
        padding-left: 50px;
    }
}

@media (min-width: 1025px) {
    .inside-footer-widgets > * {
        padding-left: 90px;
    }
}

Kindly let us know how it goes. Hope this helps! 🙂

[Sars]

Thanks a lot @fernando
Its not working in Mobile – https://pasteboard.co/1IRWX7CFFiJ6.png . The menu is center aligned, but the words are not left aligned.

Kindly advice.

Thank you

[David]

Hi there,

remove the CSS that Fernando provided and try this instead:

.inside-footer-widgets ul.menu {
    width: max-content;
    text-align: left;
    margin: auto;
}

[Sars]

Awesome Thanks a lot Team!

[David]

Glad to be of help

[Author]

Posts