WordPress.org

Support

Support » How-To and Troubleshooting » How do i add the arrow bullet points to my sidebar?

How do i add the arrow bullet points to my sidebar?

Viewing 6 replies - 1 through 6 (of 6 total)
  • 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 sidebar

    here 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.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How do i add the arrow bullet points to my sidebar?’ is closed to new replies.
Skip to toolbar