Formatting a Bulleted List

  • Resolved bradstreet14

    (@bradstreet14)


    9 years, 1 month ago

    This should be simple but I’m having a hard time figuring it out. I’m trying to add a bulleted list to a page and for some reason the bullets aren’t showing up. The page is:

    https://www.edventurelearning.com/product/act-essay-question/

    I have a child theme and I’m overriding ul and ol but I can’t get bullets to show up. I can get the margins and other things to change so I’m pretty sure I’ve got the right CSS tag.

    Thanks for the help.

    ul{
  list-style: disc outside none;
}
Viewing 4 replies - 1 through 4 (of 4 total)

  • It being a child theme should override any previous css. Have you tried adding ‘!important’

    Not best practice usually but it will at least tell you that your code is right.

    Thread Starter bradstreet14

    (@bradstreet14)

    That didn’t work. This is a Woocommerce page and I’m actually reading in a separate html file and displaying the contents to create the text on the page. Everything looks right. I checked the source on the page and it’s clearly showing the right code but for some reason I’m not seeing the bullets.

    <ul>
<li>analyze and evaluate the perspectives given</li>
<li>state and develop your own perspective on the issue</li>
<li>explain the relationship between your perspective and the perspectives given</li>
</ul>

    Just put the given CSS in your child theme’s css.

    #content ul li {
    list-style: disc;
    margin-left: 15px;
}

    Thanks!

    Thread Starter bradstreet14

    (@bradstreet14)

    Thank you, that worked!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Formatting a Bulleted List’ is closed to new replies.