Archived topic

Widget spacing

5 replies · Started by Nick on December 10, 2020

Viewing posts 1–6 of 6

December 10, 2020 at 2:32 pm #1574958

Team - Have a problem with spacing.

In our "footer widget 1" - I have added 2 widgets - an image and an html block. I would like to reduce the spacing between the image and the html block. I can't seem to find a setting for this?

Website stated below and screenshot link showing the issue

December 10, 2020 at 4:03 pm #1575039

Hello Nick,

Try this css:

.footer-widgets .widget {
    margin-bottom: 10px;
}

Let me know :)

December 10, 2020 at 4:10 pm #1575045

Spot on Ying....works perfect appreciated. Just another similar issue I'm trying to fathom out...the spacing between the various menu options shown in the footer widget blocks 2 and 3.

The same website and screenshot attached.

Thanks!

December 10, 2020 at 6:59 pm #1575171

You are welcome :) Give this css a try:

.footer-widgets .widget.widget_nav_menu ul li {
    margin-bottom: 0;
}

.footer-widgets .widget.widget_nav_menu ul li ul {
    margin-top: 0;
}

December 11, 2020 at 2:12 am #1575596

Thanks Ying - that sorts it, appreciated.

December 11, 2020 at 11:09 am #1576547

Awesome!
You are welcome :)

This archived topic is closed to new replies.

Start building better websites today.