# 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:** 2

<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:49am UTC](https://meta.discourse.org/t/adding-css-to-the-editor-preview/276756/2 "2023-08-26T11:49:17Z")

</div>

I figured it out on my own. The solution is to use the `.d-editor-preview` CSS class as a selector.

```css
.cooked, .d-editor-preview {
  div[data-wrap="letterlist"] {
    ul, ol {
      list-style-type: upper-alpha;
    }
  }
}

```

---

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