Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 19, 2018 at 5:42 pm #1047269
    xprinta

    Hi!

    I´m looking for a way I could reduce the space between the widgets in the footer. You can see my web here: http://www.xprinta.com/
    In the third, fourth and fifth column, I think the space between the different widgets “Text” is too big, and I would like to reduce it. There is a way to do that?

    Thanks

    December 19, 2018 at 5:49 pm #1047275
    Yigit

    Hey Sergio,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    CSS Snippet:

    
#footer div .av_one_fifth:not(:first-child) {
    margin-left: 3%;
    width: 18.2%;
}

    Best regards,
    Yigit

    December 19, 2018 at 6:01 pm #1047289
    xprinta

    Hi! Thanks for the quick answer

    However, I see that the code is for the space between columns. What I want to change is the space between the different widgets in each column, in order to reduce the height of the footer.

    December 19, 2018 at 6:05 pm #1047292
    Yigit

    Hey,

    Sorry for misunderstanding, please use following code instead

    
#footer .widget {
    margin: 5px 0;
}

    Regards,
    Yigit

    December 19, 2018 at 6:09 pm #1047298
    xprinta

    Hi! Thanks, this code works fine! Is possible to get a little less space between each widget? Maybe changing the “5” in the code?

    December 19, 2018 at 7:32 pm #1047341
    Yigit

    Hi!

    Yes, you can simply adjust “5px” in the code which is top and bottom margin value. If you would like to target top and bottom margin values separately, please use following code 

    #footer .widget {
    margin-bottom: 5px;
    margin-top: 2px; 
}

    Regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.