[Resolved] Center alignment for footer widgets

Home Forums Support [Resolved] Center alignment for footer widgets

Home Forums Support Center alignment for footer widgets

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #1414
    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

    #1415
    Martin Kirst

    This just did the trick:

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

    Can be closed.

    #1427
    Tom
    Lead Developer
    Lead Developer
    #2133045
    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

    #2133090
    Fernando
    Customer Support

    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! 🙂

    #2133113
    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

    #2133284
    David
    Staff
    Customer Support

    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;
    }
    #2133289
    Sars

    Awesome Thanks a lot Team!

    #2133325
    David
    Staff
    Customer Support
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.