Archived topic
Right Sidebar unability to make bullet points
22 replies · Started by Joseph on February 27, 2015
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
Hi Franz,
Change your CSS to this:
.panel.widget ul {
margin: 0 0 1.5em 3em;
}
.panel.widget ul li {
list-style-type: disc;
}
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;
}
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;
}
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/
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;
}
It works, thank you.
You're welcome :)