Customize Your WordPress Theme By Customizing Your Bullets

Published by on November 6, 2008

WordPress is a great platform. You can customize pretty much every aspect of your site, with little to no knowledge. Tweaking WordPress can be really fun too, as I just added some nice touches to my blog.

I wanted to add an additional touch to my blog’s listing elements, as I didn’t really like the standard bullet points that come with WordPress.

Tweaking Your WordPress Bullets

I used a standard star tool in Photoshop to make little stars, and if you look closely you can see them below this line. You can use mine if you want, but you may want to customize the colors based on your site theme.

What you need to do is go into your style.css sheet and edit the UL image settings. You want to add this line “background: url(images/sidebarli.png) no-repeat 0 0px;”. This will replace the standard bullet points with the sidebarli star (which is the smaller of the two).

You want to then go into your main UL structure and add the line “background: url(images/ul-marker.png) no-repeat 0 0px;”. This is going to be the larger of the images, so you want to use it for your standard LI elements.

If you look at my sidebar to the right and then the suggested reading section below, you can see the bullet points updated.

This was a nice touch I made to by WordPress blog, and it took me about 30 minutes. So if you’re looking for a way to tweak your WordPress theme, this is a great place to start.