Inheritance Problem CSS

  • jaxnnux

    (@jaxnnux)


    12 years, 2 months ago

    I’m trying to take away the bullets from a list, and I can’t…and I’m very frustrated.

    Here’s the HTML:

    <div style="float:right; margin:10px;">
<ul id="boardinglist">
<li class="boardinglist"><a href="http://www.drgoodvet.com/boarding/" title="Boarding">Boarding Overview</a></li>
<li class="boardinglist"><a href="http://www.drgoodvet.com/boarding-policies/" title="Boarding Policies">Boarding Policies</a></li>
<li class="boardinglist"><a href="http://www.drgoodvet.com/boarding-prices/" title="Boarding Prices">Boarding Pricing</a></li>
</ul>

    (located here: http://www.drgoodvet.com/boarding/)

    CSS is here:
    li.boardli {list-style::none!important;}
    ul#boardul {list-style::none!important;}

    *I’ve tried this in different combinations…with and without the !important.

    However, the bullets come from this entry:

    .entry ul li { list-style: disc;}

    Shouldn’t the list’s bullets (or lack thereof) results from the li.boardli and ul#boardul entries and not inherited from .entry ul li?

    Thanks!

Viewing 1 replies (of 1 total)
  • Moderator Jose Castaneda

    (@jcastaneda)

    THEME COFFEE MONKEY

    12 years, 2 months ago

    If you are using the CSS you say you are then there would be nothing being effected. What you are choosing with that is all list items with a class of boardli and the unordered list with an ID of boardul.

    If you add .entry ul li { list-style: none; } at the end of your stylesheet then it should remove the styling. But do keep in mind I’m guessing you are using a custom CSS plugin/child theme of some sort and not editing the theme directly. 🙂

Viewing 1 replies (of 1 total)

The topic ‘Inheritance Problem CSS’ is closed to new replies.