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.

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

Ajout de CSS à l'aperçu de l'éditeur

Dev

FroggyC Août 27, 2023, 10:46 4

Merci, Falco.

Sujet		Réponses	Vues
Ordered lists with non-number markers Feature completed	11	2459	Août 26, 2023
List numbers rendered incorrectly Bug	2	543	Avril 5, 2022
RTL numbered or bullet lists are broken Bug rtl	16	489	Mai 26, 2025
Changes in the text editor? Support	4	128	Juillet 26, 2024
Highlighted user on topic list aligned incorrectly UX	7	1011	Mars 2, 2018

Ajout de CSS à l'aperçu de l'éditeur

Sujets connexes