WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] CSS layout for <LI> (6 posts)

  1. cpjolicoeur
    Member
    Posted 8 years ago #

    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

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

  • TechGnome
    Moderator
    Posted 8 years ago #

    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

  • cpjolicoeur
    Member
    Posted 8 years ago #

    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.

  • cpjolicoeur
    Member
    Posted 8 years ago #

    #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
    Moderator
    Posted 8 years ago #

    Found it...

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

    will work.

    -tg

  • cpjolicoeur
    Member
    Posted 8 years ago #

    perfect. that did it! thanks

  • Topic Closed

    This topic has been closed to new replies.

    About this Topic

    Tags