Center alignment for footer widgets

This just did the trick:

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

Can be closed.

Hi Martin,

Perfect! :)

Tom

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

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! :)

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

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

Awesome Thanks a lot Team!

Glad to be of help