Change Bullets – Pagebuilder ul li custom CSS

11 years ago · Last reply by Andrew Misplon 11 years ago

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.

Need fast email support? Get SiteOrigin Premium

Replies

Andrew Misplon Staff 11 years, 8 months ago
Hi
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.