Bullet point color is not changing with text

SOLVE
katepaulson
Member

I'm a new Hubspot user and this question will probably seem simple to some, but the color of the bullet points within my landing pages are not changing as I change the color of the text that follows. The text after my bullet points are white, but the actual points will not change from gray to white, or any other color. Anyone know how to fix this? 

1 Accepted solution

Accepted Solutions
dennisedson
Solution
Community Manager

setting the color of the li should change the color of the bullet. 

should be as simple as

li{
  color: #fff;
}

unless the text was wrapped in a span that had a separate style attached. 

like

<li><span style="color:green;">I am green. my bullet is not</span</li>

need a link to page to properly debug

Thanks,

Dennis


We are excited to announce that the Community will be launching a weekly newsletter on November 2, 2020!
Sign up today!

View solution in original post

4 Replies 4
valerajoey
Participant

we can help you better if you can give us the link to the page, 
if you're familiar with CSS you can add this code

ul li::before { 
  color: inherit;
}

this also might affect other list items on your page just be aware of it. 

Kevin-C
Recognized Expert | Partner

Just to add some context to @valerajoey's solution. See here

0 Upvotes
dennisedson
Solution
Community Manager

setting the color of the li should change the color of the bullet. 

should be as simple as

li{
  color: #fff;
}

unless the text was wrapped in a span that had a separate style attached. 

like

<li><span style="color:green;">I am green. my bullet is not</span</li>

need a link to page to properly debug

Thanks,

Dennis


We are excited to announce that the Community will be launching a weekly newsletter on November 2, 2020!
Sign up today!

View solution in original post

katepaulson
Member
 
0 Upvotes