[Resolved] Right Sidebar unability to make bullet points

[Franz]

Dear Tom,
I would like to use bullet points in some pages I did with Page Builder by SiteOrigin.
http://www.klavierspiel.com/blog/klavierunterricht-in-muenchen/

So I used your suggested CSS Code.
.widget ul {
margin: 0 0 1.5em 3em;
}

.widget ul li {
list-style-type: disc;
}

The bullet points are there but also in the sidebar.
In the sidebar i don`t like them.
can you give me another CSS code.

Thanks Franz

[Tom]

Hi Franz,

Change your CSS to this:

.panel.widget ul {
      margin: 0 0 1.5em 3em;
}

.panel.widget ul li {
      list-style-type: disc;
}

[Franz]

Hi Tom,
this worked until today. After the update of Page Builder by SiteOrigin, it does not anymore.

.panel.widget ul {
margin: 0 0 1.5em 3em;
}

.panel.widget ul li {
list-style-type: disc;
}

[Tom]

Looks like they changed their markup.

This should work now:

.so-panel.widget ul,
.so-panel.widget ol {
      margin: 0 0 1.5em 3em;
}

.so-panel.widget ul li,
.so-panel.widget ol li {
      list-style-type: disc;
}

[Franz]

This works. Thank you very much,Tom for your brilliant service.

But could you tell me how i can find out this myself. I use Inspect Element but this I couldn’t find.

Another little problem: The update changed also the margin/padding between the witgets. In the settings I put Row Gutter and Row Bottom Margin on 0px but no reaction.

http://www.klavierspiel.com/blog/klavierunterricht-in-muenchen/

[Tom]

I just took a look at inspect element and noticed they changed the .panel class to .so-panel.

This CSS should help:

.so-panel.widget {
      padding-bottom: 0;
}

[Franz]

It works, thank you.

[Tom]

You’re welcome 🙂

[Author]

Posts