CSS Bullet Points Styling.

I would like to style all bullet points on my site as a double right arrow.  I've found the HTML code for it, below (it's called angle quotation mark, right).  How could i do this in CSS?  Does it have to be an image, or is there a way to use a code to change it to this?

»	»	»	angle quotation mark, right

Open in new window

Jon ImmsWeb DeveloperAsked:
Who is Participating?
 
Anthony PangilinanDeveloperCommented:
Sorry I forgot to convert the special character. This works when I try it on that example page:

ul {
    list-style: none;
}

.flex_column  li:before {
    content: "\00BB";
}

Open in new window

2
 
Anthony PangilinanDeveloperCommented:
You can use set the element as a before to each li in the list.

ul {
    list-style: none;
}

li:before {
    content: »
}

Open in new window

0
 
Jon ImmsWeb DeveloperAuthor Commented:
I was unable to get this to work?   Testing on this page Website link
0
 
Jon ImmsWeb DeveloperAuthor Commented:
Excellent :) thank you
0
 
Anthony PangilinanDeveloperCommented:
You're welcome! Glad I could help.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.