[Resolved] Widget spacing

[Nick]

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

[Ying]

Hello Nick,

Try this css:

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

Let me know 🙂

[Nick]

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!

[Ying]

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;
}

[Nick]

Thanks Ying – that sorts it, appreciated.

[Ying]

Awesome!
You are welcome 🙂

[Author]

Posts