Self-defined class for ol list-style-type not working

  • Resolved adhoclobster

    (@adhoclobster)


    10 years, 5 months ago

    This is driving me crazy. I’m trying to use the lower alphabetical ordered list style on a particular post, but I can’t get it to work. In fact, it’s confusing–no style shows up at all, not even numbers even though I can see ol{list-style:decimal} in your main Decode stylesheet.

    Here’s what I’ve tried so far:
    Put .lalpha {list-style-type: lower-alpha; } in theme editor under Other Options > Custom CSS.
    Put this is the particular post:
    <ol class="lalpha">

    Doesn’t work. Tried to just do this instead:
    Put <ol style="list-style-type:lower-alpha;"> directly in the post.

    Doesn’t work.

    This is driving me nuts. What am I doing wrong? Am I overlooking something small? Here is the specific post that’s giving me the issue: 10/13/2014. Maybe I’m making a mistake in the code on the post?

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

  • You’ve got this line of CSS in your header:

    ul, li {list-style-type: none; margin: 0; padding: 0; }

    I can’t tell if it was added by a plugin, a built-in theme option, or something else, but if you find and remove it, your list styles will work correctly.

    Thread Starter adhoclobster

    (@adhoclobster)

    Thanks! You are correct. I had ul, li {list-style-type: none; margin: 0; padding: 0; } in Theme Editor > Other Options > Custom CSS. I put that there because I didn’t want any list style in the sidebar for my list of pages. I took out li so that now it’s just ul {list-style-type: none; margin: 0; padding: 0; } and now my class works for the 10/13/2014 post.

    It’s weird–I’m not sure why I included the list item property in that little snippet in the first place. I guess I’m just never sure exactly when to use ul or ol or to go straight to the li. For instance, I don’t understand why setting a style definition for an overall list wouldn’t overwrite anything defined for the list item since the list item is contained within the list–in my limited understanding of HTML and CSS, it just seems like ul and ol are more macro and would take precedence over any li contained within. In any case, thanks for your help.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Self-defined class for ol list-style-type not working’ is closed to new replies.