[Resolved] increasing the width of one widget

Home Forums Support increasing the width of one widget

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1481699
    Tomasz

    I have the latest premium GP. For this DEV theme. I have a problem because I can’t deal with a few things myself.

    1. At the bottom of the page I have 4 widgets. I need to move the first widget a bit so that the 3 social icons are in one row.
    At the moment I can only do this by reducing the icons, but then it looks bad. It looks good on the phone, but tragically on the computer.

    Link image: https://ibb.co/Yp5c3RD

    #1481849
    David
    Staff
    Customer Support

    Hi there,

    go to Customizer > Additional CSS and look for this:

    /* footer widget spacing */
    @media (min-width: 1025px) {
        .footer-widgets .footer-widget-1 {
            flex-basis: 15%;
            padding-right: 80px;
        }
    
        .footer-widgets .footer-widget-2 {
            flex-basis: 20%;
        }
    
        .footer-widgets .footer-widget-3 {
            flex-basis: 30%;
        }
    
        .footer-widgets .footer-widget-4 {
            flex-basis: 35%;
        }
    }

    Change each of the flex-basis: xx% for each of the footer widgets. Make sure they total 100%.

    #1481942
    Tomasz

    works, thanks a lot 🙂

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