WordPress.org

Ready to get started?Download WordPress

Forums

How do i add the arrow bullet points to my sidebar? (7 posts)

  1. CorruptSociety
    Member
    Posted 3 years ago #

    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?

  2. FishDogFish
    Member
    Posted 3 years ago #

    ul {
    list-style-image:url("/images/yourarrow.gif");
    }

    Remember to put the name of the sidebar div in front of it.

  3. CorruptSociety
    Member
    Posted 3 years ago #

    So where do i put this?

  4. FishDogFish
    Member
    Posted 3 years ago #

    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);
    }

  5. CorruptSociety
    Member
    Posted 3 years ago #

    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

  6. CorruptSociety
    Member
    Posted 3 years ago #

    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);
    }

  7. FishDogFish
    Member
    Posted 3 years ago #

    The image has to be in your images directory for it to work.

Topic Closed

This topic has been closed to new replies.

About this Topic