WordPress.org

Support

Support » How-To and Troubleshooting » [Resolved] CSS layout for <LI>

[Resolved] CSS layout for <LI>

  • My site I’m working on is here: http://celtics.twistshow.com.

    I have the Democracy AJAX Poll plugin running in my sidebar. What I want to do is remove the list-style-image from the <LI> items in the plugin code that i have associated with all the other <LI> tags on the sidebar. I’m not sure of the CSS code to accomplish this.

    the poll is in its own div id=”democracy” tag
    The actuall poll and options are in their own

    ul
    li
    li
    ul
    tags. I want the

  • items in the #democracy id div to not have an image at all.
    I tried this

    #democracy ul li {
    list-style-image: none;
    }

    but that didn’t work. I’m not a CSS genious so any help would be appreciated.

    Thanks

Viewing 5 replies - 1 through 5 (of 5 total)
  • TechGnome

    @techgnome

    Moderator

    Try

    #democracy ul {
    list-style-image: none;
    }

    w/o the li.

    I did something similar, where I used
    #sidebar ul {list-style-type: none;}
    to get rid of all of the bullets in my side bar….

    then used
    #pages li {list-style-type: square;}
    and
    #categories li {list-style-type: square;}

    to turn it back on for inner elements (where #pages and #categories are ul ids for their respective sections).

    -tg

    so you turned off images for all sidebar lists with the

    #sidebar ul

    and then you edited your code to to make the categories ul have its own id as in ul id=categories
    ??

    not sure if i’m following.

    If I simply use

    #democracy ul {list-style-image: none; }

    i’m still getting the image.

    #sidebar ul ul li, #sidebar ul ol li {
    margin: 3px 0 0;
    padding: 0;
    list-style-image: url(/wp-content/shamrock.gif);
    }

    this is what is causing the problem, cuz the ul in the #democracy div falls into the same category and i can’t seem to override it.

    TechGnome

    @techgnome

    Moderator

    Found it…

    #sidebar #democracy ul li{
    list-style-image: none;
    list-style-type: none;
    }

    will work.

    -tg

    perfect. that did it! thanks

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘[Resolved] CSS layout for <LI>’ is closed to new replies.