# CSS In editor / Code View - How to activate

**URL:** <https://discourse.joplinapp.org/t/css-in-editor-code-view-how-to-activate/25585>\
**Category:** Support\
**Created:** [9 May 2022 20:15 UTC](https://discourse.joplinapp.org/t/css-in-editor-code-view-how-to-activate/25585 "2022-05-09T20:15:26Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Spere](https://avatars.discourse-cdn.com/v4/letter/s/71c47a/32.png) [@Spere](https://discourse.joplinapp.org/u/Spere)\
**Post date:** [9 May 2022 20:15 UTC](https://discourse.joplinapp.org/t/css-in-editor-code-view-how-to-activate/25585/1 "2022-05-09T20:15:26Z")

</div>

Joplin 2.7.15 (prod, win32)

Client ID: 42f2f9b1c6834541be54808d1c5463a2  
Sync Version: 3  
Profile Version: 41  
Keychain Supported: Yes

Revision: 8352e23

OS: Microsoft Windows [Version 10.0.19044.1586]

Looking to understand the CSS in the markdown editor better.

I see previous version of Joplin had a top menu with a code view button?

Is code view still available? Would that be a good way to view the CSS selectors in a live note?

If so, how could I go about enabling a 'Code View'

Thanks!

---

<div class="post-metadata">

**Author:** ![dpoulton](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/dpoulton/32/29723_2.png) [@dpoulton](https://discourse.joplinapp.org/u/dpoulton)\
**Post date:** [9 May 2022 20:21 UTC](https://discourse.joplinapp.org/t/css-in-editor-code-view-how-to-activate/25585/2 "2022-05-09T20:21:04Z")

</div>

@Spere welcome to the forum.

This post gives details on how to use the development tools to find css selectors.

> [@Introduction to customising Joplin (userchrome.css & userstyle.css)](https://discourse.joplinapp.org/t/introduction-to-customising-joplin-userchrome-css-userstyle-css/21370):
>
> Joplin has several internal stylesheets that control what Joplin looks like to the user. However two have been provided that allow the user to customise the app. Joplin uses its built-in styles but these two files can be used to override those styles. These files are just like the Cascading Style Sheets (CSS) used when creating web-sites. The files are called userchrome.css and userstyle.css. userchrome.css allows styling of the app itself, including the Markdown Editor, userstyle.css allows s…

---

<div class="post-metadata">

**Author:** ![Spere](https://avatars.discourse-cdn.com/v4/letter/s/71c47a/32.png) [@Spere](https://discourse.joplinapp.org/u/Spere)\
**Post date:** [10 May 2022 03:47 UTC](https://discourse.joplinapp.org/t/css-in-editor-code-view-how-to-activate/25585/3 "2022-05-10T03:47:09Z")

</div>

Thank you @dpoulton! -- That is an excellent help doc, thank you for putting it together and pointing me to it!

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex028/uploads/cozic/original/3X/1/c/1c948e33314e232a0927789508474d8624f4270b.png) [@system](https://discourse.joplinapp.org/u/system)\
**Post date:** [9 June 2022 03:47 UTC](https://discourse.joplinapp.org/t/css-in-editor-code-view-how-to-activate/25585/4 "2022-06-09T03:47:26Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.