Sidebar

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

styles.css:

image bullet:
http://nerazgadano.info/images/bullet1.gif

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


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

This site’s sidebar looks good:

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


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.