Editing rendered markdown CSS doesn't work?

Hi, I want to apply a custom CSS for rendered markdown. I tried to write the CSS in userstyle.css, but it is not rendering. When I check the styles applied on an element (e.g text element) using the Development Tools, I see that the style is not applied or visible.

My userstyle.css:

/* For styling the rendered Markdown */
code {
	font-family: 'Iosevka SS14', monospace;

body {
	font-family: 'Inter', sans-serif;

While writing this post, I came across the solution. You need to use the !important directive for any and all edited styles, so that your changes apply in priority over the default style. If it still doesn't render, try restarting Joplin and see if the changes work.

I will keep this post up in case someone else has these problems which i have been having for few months now.

1 Like

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