How do I change bullet points to a purple heart shape?

dlclancy · Member · Aug 21, 2013 at 1:53 pm
Copy link

Add topic to favorites
How do I change bullet points to a purple heart shape?

My website is cherishandnurture.wordpress.com and I’m using the forever theme

Thank you in advanced

The blog I need help with is: (visible only to logged in users)
ljkjklqljkhwhljkfqjhklfqjlkqjlh · Member · Aug 21, 2013 at 2:20 pm
Copy link
Hi there. You can do this with Custom CSS if you’ve purchased the Custom Design addon.

There’s a tutorial at the following address, but I’ll include the specific CSS you need below as well.

CSS list styling using ASCII special characters
```
ul {
    list-style: none;
}

ul li:before {
    content: "2665 020";
    color: #9c5597;
}
```
What that CSS does is tell the List tag (ul) to not use the regular bullet point, then add the Heart ASCII character (that’s the ‘2665’) and a space (‘020’) before the list items. It also changes the color of the bullets to a shade of purple (#9c5597).
thesacredpath · Member · Aug 22, 2013 at 2:06 pm
Copy link
There is a second solution posted in the other thread you started on this issue here: https://en.forums.wordpress.com/topic/is-there-a-css-code-to-change-shape-of-bullet-points?replies=3#post-1400503

No items found.