[Resolved] Site Library “Dev” Footer Widgets with same size

Home Forums Support Site Library “Dev” Footer Widgets with same size

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1407216
    Jan

    Hey there,
    i need your help.
    I am using the “Dev” Design from the site library.
    The footer widget areas have different width.
    footer-widget-1 is fine for me.
    But i want to insert a image and a text on footer-widget-2, footer-widget-3 and footer-widget-4.
    But they have different sizes, so the images and spaces between the divs are different.
    How can i align 2,3 and 4?

    Thanks and best regards
    Jan

    #1407417
    David
    Staff
    Customer Support

    Hi there,

    go to Customizer > Additional CSS and delete this CSS to set the default footer widget widths OR you can edit the Widths to suit:

    /* footer widget spacing */

    @media (min-width:1025px) {
        .footer-widgets .footer-widget-1 {
            width: 15%;
            padding-right: 80px;
        }
    
        .footer-widgets .footer-widget-2 {
            width: 20%;
        }
    
        .footer-widgets .footer-widget-3 {
            width: 30%;
        }
    
        .footer-widgets .footer-widget-4 {
            width: 35%;
        }
    }
    
    @media (max-width:768px) {
    
        .footer-widgets .footer-widget-1,
        .footer-widgets .footer-widget-2,
        .footer-widgets .footer-widget-3,
        .footer-widgets .footer-widget-4 {
            width: 100%;
            text-align: center;
        }
    }
    #1407435
    Jan

    Perfect – THANKS!!

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