Link to home
Start Free TrialLog in
Avatar of Jon Imms
Jon ImmsFlag for United States of America

asked on

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

Avatar of Anthony Pangilinan
Anthony Pangilinan
Flag of United States of America image

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

Avatar of Jon Imms

ASKER

I was unable to get this to work?   Testing on this page Website link
ASKER CERTIFIED SOLUTION
Avatar of Anthony Pangilinan
Anthony Pangilinan
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Excellent :) thank you
You're welcome! Glad I could help.