Tagged: , ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #10840

    Hi,

    I’m trying to customize the styling of a bullet list (ul li) for a certain page to remove the bullet point (named list-icon.png) placed as a background image. I’d like to override the list styling only for certain pages. I had hoped by adding a class style to the Quick CSS portion of the theme I could override the list styling locally but it doesn’t override, even if I apply the style controls inline.

    This is what I added to Quick CSS:ul.none {list-style-type:none; padding: 0px; background: none;}

    then I try to call the class like so:

    <ul class="none" style="background: none;">
    <li>Item one</li>
    <li>Item two</li>
    <li>Item three</li>
    </ul>

    How can I get the control I’m looking for without changing the global styles for bullet lists?

    #69594

    Hi rodney71,

    Replace ul.none with this:

    .entry-content ul.none li

    The reason being is the background image is applied to the li not ul.

    Regards,

    Mya

    #69595

    thanks for the help. that works fantastic. a little bit of support goes a long way and I commend you for it!

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘customize bullets locally’ is closed to new replies.