How do i add the arrow bullet points to my sidebar?
-
my website is http://CorruptSociety.org . i am trying to figure out how to put the arrow things as my sidebar listing method. anyone know how i can do that?
-
ul {
list-style-image:url(“/images/yourarrow.gif”);
}Remember to put the name of the sidebar div in front of it.
So where do i put this?
In your style.css
Somewhere between the section with these comments <– Sidebar Start –> and <– Sidebar End –>
You might want to use a background image…
#YourSidebar ul li{
background-image: url(images/arrow.gif);
}what do i need the background image for…
and how do i know what the sidebar is called man.. i want it to be for right sidebarhere is where i put it at the end
/* Sidebars */
#leftside {clear:left; float:left; line-height:1.4em; margin:0 0 5px; padding:0; width:120px;}
#extras {float:right; line-height:1.4em; margin:0 0 5px; padding:0; width:120px;}
#leftside p, #leftside ul, #leftside div.textwidget, #extras p, #extras ul, #extras div.textwidget {font-size:0.9em; margin:0 0 5px;}
#leftside li, #extras li {line-height:1.5em; list-style:none; margin:0 0 20px;}
#leftside ul ul, #extras ul ul {margin:6px 0 0 10px;}
#leftside ul ul li, #extras ul ul li {margin:0 0 4px;}
#leftside ul ul li a, #extras ul ul li a {font-weight:normal;}
#leftside ul.linklist, #extras ul.linklist {font-size:3em;}
#leftside ul.linklist ul, #extras ul.linklist ul {margin:0 0 20px;}
#leftside ul.linklist ul li a, #extras ul.linklist ul li a {font-weight:bold;}
#leftside h2, #leftside ul.linklist li h2, #leftside h3, #extras h2, #extras ul.linklist li h2, #extras h3, table#wp-calendar caption {background-color:inherit; color:#000000; font-size:1.3em; font-weight:normal; text-align:center; margin:0 0 6px;}
#leftside label, #extras label {display:none;}
#leftside ul li{
background-image: url(images/arrow.gif);
}The image has to be in your images directory for it to work.
- The topic ‘How do i add the arrow bullet points to my sidebar?’ is closed to new replies.