Continuing the discussion from Ordered lists with non-number markers : Quotes from other thread for context. [image] Ordered lists with non-number markers Add a wrapper to those lists and some CSS In posts use: [wrap="letterlist"] 1. is the first 2. is the second. 3. is the third [/wrap] IN y…

I figured it out on my own. The solution is to use the .d-editor-preview CSS class as a selector. .cooked, .d-editor-preview { div[data-wrap="letterlist"] { ul, ol { list-style-type: upper-alpha; } } }

That’s the way. The previous was specific to the post as it’s show in the stream, you extended it to also apply in the preview area, so that’s the correct solution indeed.

Adding CSS to the editor preview

Development

FroggyC August 27, 2023, 6:48pm 5

@Falco , if I wanted to differently style the more deeply nested layers of lists, would that be an additional nested level of ol?

Topic		Replies	Views
Ordered lists with non-number markers Feature completed	11	2459	August 26, 2023
List numbers rendered incorrectly Bug	2	543	April 5, 2022
RTL numbered or bullet lists are broken Bug rtl	16	489	May 26, 2025
Changes in the text editor? Support	4	128	July 26, 2024
Highlighted user on topic list aligned incorrectly UX	7	1011	March 2, 2018

Adding CSS to the editor preview

Related topics