Sidebar

/WordPress/wp-content/themes/twentyten-wautom/styles.css

styles.css:

image bullet:
http://www.wautom.com/images/bullet1.gif

/* =Widget Areas
-------------------------------------------------------------- */


.widget-area ul ul {
	list-style: none;
	margin-left: 1.3em;	
	list-style-image: url(http://www.wautom.com/images/bullet1.gif);
}

This site’s sidebar looks good:
http://startcompeting.com/tutorials/wordpress-tutorials/essential-plugins-tools/

Different Themes format lists in different ways. The most common lists users often want to modify in WordPress are the sidebar menu lists.


– Styling Your Lists:
– Using a Custom Image Instead of a Bullet
– Adding a Border to Your List



http://codex.wordpress.org/Styling_Lists_with_CSS

style.css

Begin by examining the style.css file found within the Theme’s folder you are using. Most WordPress Themes label their sidebar menu section with the words sidebar, menu, or a combination of both. So, look for the sidebar Template file, typically called sidebar.php. This is a sample sidebar.php layout; your version may be different, but the concept will be the same.

Styling individual items

If you want to use image replacement techniques to style your list, each

  • tag will need its own class or ID. Try the Classy wp_list_pages plugin.