# Adding CSS to the editor preview

**URL:** <https://meta.discourse.org/t/adding-css-to-the-editor-preview/276756>\
**Category:** Development\
**Created:** [August 26, 2023, 11:31am UTC](https://meta.discourse.org/t/adding-css-to-the-editor-preview/276756 "2023-08-26T11:31:47Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![FroggyC](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/froggyc/32/173038_2.png) [@FroggyC](https://meta.discourse.org/u/FroggyC)\
**Post date:** [August 26, 2023, 11:31am UTC](https://meta.discourse.org/t/adding-css-to-the-editor-preview/276756/1 "2023-08-26T11:31:48Z")

</div>

Continuing the discussion from [Ordered lists with non-number markers](https://meta.discourse.org/t/ordered-lists-with-non-number-markers/127745/7):

Quotes from other thread for context.

> [@Ordered lists with non-number markers](https://meta.discourse.org/t/ordered-lists-with-non-number-markers/127745/5):
>
> Add a wrapper to those lists and some CSS
> 
> In posts use:
> 
> ```plaintext
> [wrap="letterlist"]
> 1. is the first
> 2. is the second.
> 3. is the third
> [/wrap]
> 
> ```
> 
> IN your theme add:
> 
> ```plaintext
> .cooked div[data-wrap="letterlist"]
> list-style: upper-alpha;
> }
> 
> ```

> [@Ordered lists with non-number markers](https://meta.discourse.org/t/ordered-lists-with-non-number-markers/127745/7):
>
> I tried using this solution and it works, correcting the CSS to the following (the first line was missing an `ol {`):
> 
> ```plaintext
> .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?

---

_[View the full topic](https://meta.discourse.org/t/adding-css-to-the-editor-preview/276756)._
