UL, OL, and LI not showing circles, discs, squares

  • Resolved rsmb

    (@rsmb)


    10 years, 2 months ago

    I’m using Sunspot theme for my website; I love it.

    I’ve been ALL OVER the CSS for this, customizing font styles, colors, form background colors, etc. But the one thing I cannot seem to find is where/how the theme defines UL, OL, and LI codes (bulleted and numbered lists) to show up with NO character — disc, circle, square, or number/letter — in the list. All of my lists are indented properly, but no character.

    Example: https://www.rocksolidbodywork.com/rates/#Insurance

    There are two lists apparent. The top list is a UL, with the LI’s set to “square” in the WYSIWIG editor. The second list is a OL, with the LI’s set to a standard number (1,2,3). I’ve tried setting my ULs and OLs to “default,” to “circle,” to “disc” — nothing changes. I even dug in to various CSS files and tried to define them that way too — again, nothing changes.

    When I “inspect element” (via Chrome), the code shows the lists are defined properly.

    Why, oh why, can’t I control my LI’s the way I want to?

    Thanks in advance for your help.

Viewing 2 replies - 1 through 2 (of 2 total)

  • The issue is because you have:

    p, address, li, ul {
	color: #000000;
	display: block;
}

    in your custom CSS. You shouldn’t set display: block for the <li> tag because it suppresses the display of the list bullets. (Truth be told, I don’t know why that happens.)

    Thread Starter rsmb

    (@rsmb)

    Holy crow! Thank you!

    It took me awhile to dig through and figure out which plug-in was generating that code on every page. I took out the “display: block” line and all is well now.

    Much appreciated!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘UL, OL, and LI not showing circles, discs, squares’ is closed to new replies.

Tags