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
Leave a Reply