CSS In editor / Code View - How to activate

Spere · 2022-05-09T20:15:26.401Z

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!

dpoulton · 2022-05-09T20:21:04.313Z

@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) Lounge

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…

Spere · 2022-05-10T03:47:09.303Z

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

system · 2022-06-09T03:47:26.584Z

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