Styles of ul and li

Hi Irene

Thanks for posting. I’m sure I can help clear this up. I think there is a bit of misconception.

The SiteOrigin Editor Widget is a clone of the core WordPress TinyMCE editor. We’re providing the core TinyMCE in a widget format.

Usually, your theme would handle list formatting. What’s probably happened here is your theme expects widgets to be in theme widget areas so it has styled lists assuming they’ll only be in those areas. Two possible fixes:

1. Go to SettingsPage BuilderWidgets and disable: Add Widget Class.

That’ll prevent the theme from targeting Page Builder widgets in the same way it would widgets in a theme widget area.

2. Or you can add global styling for all your lists, it doesn’t need to be done for each list. This is a bit rough, I can clean it up if you’d like. You added classes for help and help.sub. Why not just target:

ul  {
	list-style:disc;
	padding-left: 10px;
	list-style-position: outside !important;
	margin-bottom: 20px;
}

ul ul {
	list-style:circle;
	padding-left: 10px;
	list-style-position: outside !important;
	margin-bottom: 20px;
}

Or if you want to make it specific to the Editor widget, prefix it:

.textwidget ul  {
	list-style:disc;
	padding-left: 10px;
	list-style-position: outside !important;
	margin-bottom: 20px;
}

.textwidget ul ul {
	list-style:circle;
	padding-left: 10px;
	list-style-position: outside !important;
	margin-bottom: 20px;
}

In this last example, you’re targeting lists and lists within lists if they are in a container with class textwidget.

Try disabling the widget class first, idea 1, that’ll most likely fix this.