I've used Views to create a basic list. If I'm logged in as someone other than User 1 or not logged in at all (anonymous user), a bullet appears before each list item, but if I'm logged in as user 1, the bullet does not appear before list items. I'd like to remove the bullet for all users.
Here's where it gets strange. I've added the following to my CSS file: (This is not my intended final solution ... I'm just trying to understand how this works.)
li {
font-weight: bold;
list-style-type: none;
list-style-image: none;
}
When this is in my CSS file, the list item does becomes bold, but the bullet still appears. In other words, I'm able to set one list item property using CSS, but not another. Any idea why the bullet's appearance is dependent upon the user that is logged in? Any idea why I can set the list item's font-weight but not list-style-type?
Comments
Views Style Fix
After playing with Views a little more, I was able to get rid of the bullets by changing the View style (under basic settings). My view style was originally HTML List (Unordered list) ... if I change it to HTML List (Ordered list) or to Unformatted, the bullets disappear for all users.
Using the Firefox extension
Using the Firefox extension firebug can be useful when playing css. Using the 'inspect' feature you can determine the css applied to a particular element.