How can I change the bullet point colour in CSS to match my theme?

Store Design
, ,
1

Hi,

Probably a really basic question… I am trying tto change the bullet point colour in my css file to match my theme colours…

I found in theme.css

.rte ul li::before {
position: absolute;
content: “”;
left: -18px;
top: 0.8em;
height: 5px;
width: 5px;
border-radius: 100%;
background: rgba(var(–text-color-rgb), 0.4);
}

I added to the bottom before the } -

color: #EB7909;

But unfortunately it doesnt seem to work - any help most appreciated.

many thanks

Mike

2

Do you have a demo site or page we could use to tailor the answer properly for your situation?

Specifically for this one it seems you might be missing the content in the ::before such as

content: “\2022”;

for a bullet point as shown in the w3schools example.

3

Hi,

Please share your store URL and if your store is password protected then also provide password too.

Thank you.

4

Hi,

This is Online Pet Store | Dog, Cat & Pet Supplies Shop | UK– Real Pets (realpetstore.co.uk)

or https://real-pet-group.myshopify.com/