Archived topic
Turn Bullet Points into Checkmark Image
12 replies · Started by John on August 26, 2020
What's the easiest way to turn all the bullet points into checkmarks?
Hi there,
Something like this?
https://stackoverflow.com/questions/34141950/how-to-use-tick-checkmark-symbol-instead-of-bullets-in-unordered-list
EXACTLY! So I just create the
- list and then put this in CSS?
ul {
list-style: none;
}
ul li:before {
content: '✓';
}
Is it possible to make the checkmark a certain color? What would I add to the CSS to do that?
Yup give that a shot first and guide me to the page.
It added bullet point in my menu though? :(
Try this instead:
.entry-content ul {
list-style: none;
}
.entry-content ul li:before {
content: '✓';
color: #000;
}
Worked great! Thanks.
No problem :)
One more issue. I created a UL in an element and the checkmark isn't showing up there. How do I get that to happen?
Where can I see the issue?
The Home page http://www.drysolutions.com Near the bottom.
Hmm that section is outside the normal page content.
How are you adding it?