How To Add Bullet Points In The WordPress Sidebar

by Brian Groce on June 29, 2012

Question: How do I add bullet points in my WordPress sidebar?

Answer: In your theme’s style sheet (the CSS file) you need to add the following code:

div#sidebar ul li:before {
content: "\2022 \0020";
}

Without getting too technical, “2022″ is the HEX value for a bullet point and “0020″ is the HEX value for a space.  The CSS is telling the browser to disaply the bullet point before the list items.

Note: Depending on your theme setup you may need to adjust the CSS selector for this to work.

If you have any WordPress releated questions, please ask us. And if you need WordPress assistance, please contact us.

About The Author: Brian Groce

Brian Groce is a native Indianapolis resident and is the President & CEO of Watershed Studio, a web design & social media marketing firm located in the historic Stutz building in downtown Indianapolis. Brian is also a co-founder of Indy Media School and the man behind the curtain of all things Surge Bucket Media related. But first and foremost, Brian is the husband of his beautiful wife Amanda and the father of a house full of little ones.

Leave a Comment

Previous post:

Next post: