cpjolicoeur
Member
Posted 6 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
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
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 6 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 6 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.
Found it...
#sidebar #democracy ul li{
list-style-image: none;
list-style-type: none;
}
will work.
-tg
cpjolicoeur
Member
Posted 6 years ago #
perfect. that did it! thanks
