Order list bullet colour - how to...

User 2879365 Photo


Registered User
1 post

Hi,

How do you change the ordered list bullet colour?

Thanks!
User 187934 Photo


Senior Advisor
20,181 posts

Hi Leon,
The color is set through your font color so you need to use some custom css.
Try this.
Set your ul to List Type none
Add a class to each li element of list-item-1 or adjust the code to what ever you use.
Then add an html element and place the code below in it. Again make sure the class matches the one you use.
<style>
.list-item-1:before {
content: "• ";
color: red;
position:relative;
left:-2px;
top:18px;
}
</style>

Do this only for testing and if it works you can remove it and add it to your exported email head section.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 244626 Photo


Registered User
811 posts

I have RED for business and do not have a html element to add any styles so I exported and added the style in for just the bullet.

This is what I came up with for changing color black to red:


td {
color: #E0201E
}


Bootstrap 5 CSS Grid.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.