I am using the SiteOrigin features widget on the WooSidebars on the Vantage theme. I have set up the features widget to act as a visual side menu (1 icon with surrounding container per row). In total I have 8 features. How can I decrease the space between the rows so that the features are closer together?
Thanks!
Hi Suz
To clarify, are these widgets added directly to the sidebar or to a layout builder?
If it’s the latter, try decreasing the row bottom margin. To do this please open the layout builder and then click the wrench icon above the first row to open it. Head over to the row styles sidebar and open the Layout settings group. Set the bottom margin to a lower than default number (default is 35).
If it’s the former, I would recommend recreating them in a layout builder widget as that’ll give you more control over sidebar as a layout builder is a page builder in widget form.
Regardless, try using CSS to decrease the spacing between widgets. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.
#secondary .widget { margin-bottom: 40px; }Adjust the margin-bottom to your desired amount of spacing.
You might also need to install the SiteOrigin CSS Editor.
If none of the above helps, do you have a public URL where we can take a look at your setup.