List CSS not working on my Wordpress page
The page I'm working on is not being formatted properly according to certain CSS declarations. Much of the CSS works (I have a lot of inline stuff to override the main stylesheet). My main problem, which has been infinitely frustrating, is not being able to take the bullets off lists. Here's what I have:
<ul style="list-style-type: none;"> <li><a href="#deadlines">Upcoming Deadlines</a></li> <li><a href="#presentations">Upload Logo</a></li> <li><a href="#registration">Exhibitor Registration</a></li> <li><a href="#floorplan">Exhbitor Prize Give-Away</a></li> <li><a href="#computers">Marketing Toolkit</a></li> </ul>
Yet the list still gets bulleted. I've tried making a list-style-type: none; class and that didn't work. I tried putting a class at the bottom of the master stylesheet and using the class for the list, still nothing. Also tried list-style-type: none !important; Anyone know what might be up? Thanks
Are you using firebug, chrome inspector or safari inspector to see what the hierarchy is? Using these tools you can very quickly figure out why something in CSS is overriding something else. Most of these tools will show the rule you can't figure out all crossed out. Then if you scroll down the list you can see what's interfering with it.
All that being said have you tried
on the ul element?