So, how do you get rid of those annoying little arrow icons before each link in your blogroll and your categories sidebar in WordPress? Alright, I had to post something about this issue as I haven’t seen much on it. It’s a lower level CSS function that although useful, because of our favorite browsers like Microsoft’s Internet Explorer not supporting it, we tend to forget to check it. Look in your style sheets for this code and delete it or comment it out and you’re good to go. It’s too bad it doesn’t work cross-browser as it would be a nice tool to use.

.entry ul li:before, #sidebar ul ul li:before {
    content: "\00BB \0020";
}

As an alternative to list styles images, if you have links in those lists, try styling the <a> tag and put a background image in it with padding on whatever side you choose to put the image on. Here’s an example of what that might look like.

a {
    background:url("mybullet.png") top right;
    padding:0px 10px 0px 0px;
}