Home>Support>Change Bullets – Pagebuilder ul li custom CSS

Change Bullets – Pagebuilder ul li custom CSS

Hi. I am desperate to replace the list style in the text widgets to just a basic square bullet. I’ve used inspect element to identify the style and removed the background image bullet entirely, changed to list-style: square and still the huge ugly purple circle with an arrow in it. Your plugin is integrated into AIT theme, Langwitch.

This is the CSS I tried to alter:

.entry-content > ul li::before {
content: '';
width: 20px;
height: 20px;
background: url(http://www.partnershipforchildrenjoco.org/wp-content/themes/langwitch/design/img/lists.png) -60px 0px no-repeat rgb(107, 5, 150);
border-radius: 100%;
position: absolute;
top: 0px;
left: 0px;}

Here’s what I rewrote:

.entry-content > ul li::before {
content: ”;
list-style: square;}

Nothing seems to override the style. Please help – my client soooooo hates them – said they were the size of grapefruits. Thanks. Appreciate the help.

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 7 years, 6 months ago Andrew Misplon Hi, I Work Here


    Try this under Appearance > Custom CSS:

    /* Lists */
    .entry-content ul {
    list-style-type: disc;
Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More