How do I get bullet points to match text color?

[Clay4]

I've created a bulleted list in a "Text" field. The default color for text on the entire site is white, and the text is indeed white. But the bullet points are grey and difficult to see. I've tried forcing the text color explicitly to white inside the Text field and that doesn't fix it.

Thanks for your help!

Clay

[MJCS · Accepted solution]

HI @Clay,

This is some CSS that will help that:

<style>
div.paragraph ul li {
    color: white;
}
</style>

If you want the dots across the whole site put it in Settings>SEO>Header Code. If it's just for one page then add it to Pages>pageName>SEO Settings>Header Code.

Let me know if you need more guidance.

Cheers, Mark

[Galabyca]

Hello @courtneyccs I edited my previous post to be clearer. Could you confirm you did every steps?

[Lshooter]

I'd be very grateful if someone could help me with getting bullet points to match the text colour in a normal text box. Currently they are white and don't show up. I'm a complete novice but very anxious to learn how to do this. I've seen the code below but don't know where I need to insert it.

Any help would be much apprecited.

<style>
div.paragraph ul li {
    color: white;
}
</style>

[Bernadette3]

Hi @Lshooter 

Try adding the code to Settings > SEO > Header in the editor. You will need to save, and republish for the updates to show on the live site.

Note: sometimes edited code will not show up in the editor, so it's important to check the live site. 😊

*Edit to add* I just noticed that your code is for white font. What color are you trying to make the bullet points? 

[jamesb012]

I was doing the same thing.  I discovered that I was typing and dragging elements to the header of the page rather than the body of the page.  After clicking "no header" or simply by scrolling down it brought me to the body of the page, in which the texts, bullets, etc, appear in regular font color.