Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Hi, I have a question about the SiteOrigin Features widget.
I’m using this on a web site, and I would really like to reduce the margin around the headlines, which I’ve highlighted in yellow here:
I have tried and tried to find the appropriate CSS to replace with custom CSS, but nothing has worked. I have looked through the support forums, and the documentation, but if there is an explanation already I have missed it.
Any advice here will be greatly appreciated, thank you!
Hi Matt,
Chances are this is a theme issue. Do you have a public URL where we can take a look at your feature widget? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.
Hi, thank you. I have everything at a test url right now, but there’s nothing classified.
http://edgeofspace.net/strong/
I’m using the Ultra theme on the site.
Hi Matt,
As suspected, this is a theme issue.
The orange is the margin being applied by the theme.
You can fix/change this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.
.so-widget-sow-features h5 { margin-top: 5px !important; margin-bottom: 5px !important; }You’ll need to install the SiteOrigin CSS Editor.
You’ll also need to make minor CSS adjustments to get your desired spacing. 0 = default.
Please note that the margin is still being applied to other headers but as you don’t seem to be using them in this context I didn’t account for them.
Thank you so much. I really appreciate your help on this.