Nested Ordered Lists

We ran into this issue with Cleveland Christian Home recently. They use a specific style of ordered lists in their job descriptions that are nested like this:

  1. Top Level is numbers
    1. Second level is lower-alpha

This can be done with custom CSS, but it needs to be added inline when entered in. It would be better to have a site setting that used CSS to target them. We could do something like this:

ol li { list-style-type: upper-roman; }
ol li > ol li { list-style-type: upper-alpha; }
ol li > ol li > ol li { list-style-type: decimal; }

Leave a Comment