Support » Fixing WordPress » CSS layout for <LI>

  • Resolved cpjolicoeur


    My site I’m working on is here:

    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

    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.


Viewing 5 replies - 1 through 5 (of 5 total)
  • 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;}
    #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).


    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.

    Found it…

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

    will work.


    perfect. that did it! thanks

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