Hello!
Just want to say that your product is incredible, thanks so much for what you guys are doing. The support on this forum is awesome as well, I have found so many answers through these forum posts, so thanks for the support as well.
I can’t find an answer for this question though. I am trying to reduce the left and bottom margin for a specific set of numbering/bullet points on my page. I don’t want to change the CSS style for all bullet points & numbering across the site – just for this specific set of bullets & numbers.
How do I do this?
In the specific SiteOrigin widget, under Attributes > CSS Styles, I’ve tried pasting the following, which I found and then adapted from some of the other support threads:
.entry-content ul li, .entry-content ol li {
margin-left: 1em;
margin-bottom: 1em;
}
Unfortunately, it’s not having any effect on the page.
Could you please help me?!
Thanks again for your great work
Matt
Hi Matt,
Thank you for the kind words! :)
The CSS Styles field you’re referring too only supports inline styling. This means anything with a selector won’t work. In other words, this will work:
This won’t work:
Ignoring this issue, that CSS would affect all lists, not just this one specific widget.
Please open the widget you wish to alter the the margin for and head over to the widget styles sidebar. Open the Attribute settings group and set the widget class to list-alter_margin and then save. Please navigate to WP AdminAppearanceCustom CSS and add (and adjust) the following CSS:
You might also need to install the SiteOrigin CSS Editor.
If that didn’t work, do you have a public URL where we can take a look at your setup to try and work out why it didn’t work?
By the way, as you’re a premium user, you’re entitled to priority email support. If you would like to make use of that, please follow the instructions found on your Page: Dashboard (please refer to the support tab). Please reference this thread and include your SiteOrigin order key in the email.