• Hi,

    I’m trying to change the footer bottom bar width for the widgets. It’s like 50% / 50%, but I would like the left bar to be 75% wide and the right bar 25% wide.

    How can I do it?

    Thanks!
    Giselle

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hi, Giselle,
    Please add this CSS inside Appearance > Customize:

    @media screen and (min-width: 769px) {
        .tg-site-footer .tg-footer-widget-container .tg-footer-widget-area.footer-sidebar-1 {
            width: calc( 75% - 20px );
        }
    
        .tg-site-footer .tg-footer-widget-container .tg-footer-widget-area.footer-sidebar-2 {
            width: calc( 25% - 20px );
        }
    }
    

    I hope this helps. 🙂

    Thanks.

    Thread Starter limeiros

    (@limeiros)

    Thank you for your answer!

    It worked pretty nicely but not for the part I wanted. It worked for the upper part of the footer and I wanted only in the bottom bar, you know? The bar that goes below the main footer part.

    Could you help me with that?

    Oh. I missed that. Please replace the previous code with this one:

    @media screen and (min-width: 769px) {
        .tg-site-footer .tg-site-footer-bar .tg-site-footer-section-1 {
            width: calc( 75% - 20px );
        }
    
        .tg-site-footer .tg-site-footer-bar .tg-site-footer-section-2 {
            width: calc( 25% - 20px );
        }
    }

    Let me know with the site URL if this doesn’t work.

    Cheers!

    Thread Starter limeiros

    (@limeiros)

    Thank you again, but this time it did nothing. Nothing changed with this code.

    As my website is local on my machine I can’t even give you a link to see.

    Regards,
    Giselle

    Can you please provide the site URL here?

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Footer Bottom Bar Widths’ is closed to new replies.