Continuing the discussion from Ordered lists with non-number markers: Quotes from other thread for context. [תמונה]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 your theme add: .cooked div[data-wrap="letterlist"] list-style: upper-alpha; } [תמונה]Ordered lists with non-number markers I tried using this solution and it works, correcting the CSS to the following (the first line was missing an ol {): .cooked div[data-wrap="letterlist"] ol { list-style: upper-alpha; } However I can’t get it to show in the editor preview window, which is going to be a bit of an issue for most of my users. I’ve tried inspecting with the web browser, and it seems the custom CSS is not loaded or applied to the preview (I’m not a professional at this, so I might be wrong). Any way you can think of to solve this problem, @Falco? What I’m asking in this thread is: is there any way to add custom CSS that is also applied to the editor preview?

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?

הוספת CSS לתצוגה המקדימה בעורך

מפתח

FroggyC 27 באוגוסט,‏ 2023,‏ 10:46am 4

Thank you, Falco.

נושא		תגובות	צפיות
Ordered lists with non-number markers Feature completed	11	2515	26 באוגוסט,‏ 2023
List numbers rendered incorrectly Bug	2	560	5 באפריל,‏ 2022
RTL numbered or bullet lists are broken Bug rtl	16	574	26 במאי,‏ 2025
Changes in the text editor? Product Support	4	143	26 ביולי,‏ 2024
Highlighted user on topic list aligned incorrectly UX	7	1040	2 במרץ,‏ 2018

הוספת CSS לתצוגה המקדימה בעורך

נושאים קשורים