[Resolved] Turn Bullet Points into Checkmark Image

[John]

What’s the easiest way to turn all the bullet points into checkmarks?

[Leo]

Hi there,

Something like this?
https://stackoverflow.com/questions/34141950/how-to-use-tick-checkmark-symbol-instead-of-bullets-in-unordered-list

[John]

EXACTLY! So I just create the

list and then put this in CSS?

ul {
list-style: none;
}

ul li:before {
content: ‘✓’;
}

[John]

Is it possible to make the checkmark a certain color? What would I add to the CSS to do that?

[Leo]

Yup give that a shot first and guide me to the page.

[John]

It added bullet point in my menu though? 🙁

http://www.drysolutions.com/mold-prevention/

[Leo]

Try this instead:

.entry-content ul {
    list-style: none;
}
.entry-content  ul li:before {
    content: '✓';
    color: #000;
}

[John]

Worked great! Thanks.

[Leo]

No problem 🙂

[John]

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?

[Leo]

Where can I see the issue?

[John]

The Home page http://www.drysolutions.com Near the bottom.

[Leo]

Hmm that section is outside the normal page content.

How are you adding it?

[Author]

Posts