By privatesniper on

Hi, this might possibly be the most stupid question asked on here today, but here goes (apologies if this is in the wrong section also)

basically I have create a page with a list of links to my profiles on the site I am developing.

the links are in a <ul class="profile_link"> as <li>'s all tag's seem correct and closed etc.

I have added into my theme's css the following:

ul.profile_link li {
list-style-type: none;
text-decoration: none;
padding: 0px 5px 0px 5px;
display: inline;
}

ul.profile_link li a {
color: #fff;
}

ul.profile_link li a:hover {
background-color: #141414;
font-weight: bold;
}

I know the class is working, as the hover background for links show's up correctly, however for some reason the bullets are still showing, I am guessing that i've maybe missed some css code or maybe put it in the wrong place, any help would be greatly appreciated.

Thanks in advance

⋅ Categories: Drupal 6.x

Comments

nevets’s picture

nevets commented

The Firefox firebug extension is useful for this. It also you to inspect the html and see the css applied. My guess is there is css that is has a more qualified path that you need to take into account. In general I suspect there is already css with a rule like #some-id ul li { so you would need #some-id ul.profile-link li {.