Reduce Space Between Widgets In Sidebar

Greetings!

Not too difficult to do, but you will need to add some custom CSS code by using a plugin like “Simple Custom CSS”, or, if you are using Jetpack, you can use their own Custom CSS feature.

This is what the theme’s default styling is:

#sidebar-left .widget, #sidebar-right .widget {
    margin: 0 0 3em;
}

So for you, changing the margin: 0 0 3em; to your own is all that is needed. So you could do something like:

#sidebar-left .widget, #sidebar-right .widget {
    margin: 0 0 2em;
}

2em = 32 pixels (you can use this online tool to convert https://www.pxtoem.com

Also, the 2em references the bottom margin, while the 0 0 represents the top margin and left and right margins. You could do it this way as well:

margin: 0 0 2em 0;

That does the same thing and translates to the top margin as 0, the right as 0, the bottom as 2em, and the left margin as 0. In that order.

Thank you for responding so quickly, again. This worked perfectly.
I apologize for my slow return… Life got in the way ??

Hi Suzanne….no worries. What counts is that the solution works ??