# Custom stylesheets

**URL:** <https://discourse.joplinapp.org/t/custom-stylesheets/384>\
**Category:** Support\
**Tags:** tips-and-tricks\
**Created:** [23 July 2018 19:08 UTC](https://discourse.joplinapp.org/t/custom-stylesheets/384 "2018-07-23T19:08:27Z")\
**Posts on this page:** 1\
**Showing post:** 31

<div class="post-metadata">

**Author:** ![betternote](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/betternote/32/19263_2.png) [@betternote](https://discourse.joplinapp.org/u/betternote)\
**Post date:** [28 January 2020 19:33 UTC](https://discourse.joplinapp.org/t/custom-stylesheets/384/31 "2020-01-28T19:33:57Z")

</div>

Hi everybody,

please excuse my simplified English, I hope I don’t misuse the language too much.

For the formatting of html documents, I have created a special notebook and a template, without content.  
Having followed with interest the “Custom stylesheet” discussion, I would like to apply a custom stylesheet to a notebook and to this template.  
I tried various methods, without finding the right one.

First, write all styles in the template  
Result: CSS rules are inserted in the note

Insert a link to the particular stylesheet, as

```auto
<style>
src= "~/.config/joplin-desktop/special.css"
</Style>
<link rel="stylesheet" type="text/css" href="~/.config/joplin-desktop/special.css">
<link rel="stylesheet" type="text/css" href="/Users/myprofile/.config/joplin-desktop/special.css">

```

None of them work, I would like how to learn from my mistakes

Note: I have a generic style sheet “userstyle.css” that applies to my other notes. Would it override the specific style sheet?

---

_[View the full topic](https://discourse.joplinapp.org/t/custom-stylesheets/384)._
