# Userstyle.css to style TOC

**URL:** <https://discourse.joplinapp.org/t/userstyle-css-to-style-toc/2571>\
**Category:** Support\
**Created:** [4 June 2019 20:43 UTC](https://discourse.joplinapp.org/t/userstyle-css-to-style-toc/2571 "2019-06-04T20:43:55Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![krc](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/krc/32/1020_2.png) [@krc](https://discourse.joplinapp.org/u/krc)\
**Post date:** [4 June 2019 20:43 UTC](https://discourse.joplinapp.org/t/userstyle-css-to-style-toc/2571/1 "2019-06-04T20:43:55Z")

</div>

In general I wish there was a guide for what default style features where controlled by what - e.g. it took me a bit to figure out that the default line below an H1 was a border and not say, a text-decoration. I tried to find the default stylesheet in the source on github, but couldn’t find one that was relevant…

Anyway, right now I am specifically wondering what CSS I would use to adjust the line spacing in the [TOC].

---

<div class="post-metadata">

**Author:** ![laurent](https://avatars.discourse-cdn.com/v4/letter/l/ce7236/32.png) [@laurent](https://discourse.joplinapp.org/u/laurent)\
**Post date:** [4 June 2019 21:19 UTC](https://discourse.joplinapp.org/t/userstyle-css-to-style-toc/2571/2 "2019-06-04T21:19:54Z")

</div>

I’ve been thinking about adding a menu item to open the dev tools. With this you could see the whole structure of a note, experiment with styling etc. It’s quite easy to add but haven’t taken the time yet.

---

<div class="post-metadata">

**Author:** ![CalebJohn](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/calebjohn/32/356_2.png) [@CalebJohn](https://discourse.joplinapp.org/u/CalebJohn)\
**Post date:** [4 June 2019 21:54 UTC](https://discourse.joplinapp.org/t/userstyle-css-to-style-toc/2571/3 "2019-06-04T21:54:40Z")

</div>

The TOC plugin simply renders html list items, I think that’s `<li>`

Edit: looks like I was wrong you’re looking for the `<ul>` tag

---

<div class="post-metadata">

**Author:** ![tessus](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/tessus/32/13_2.png) [@tessus](https://discourse.joplinapp.org/u/tessus)\
**Post date:** [5 June 2019 00:53 UTC](https://discourse.joplinapp.org/t/userstyle-css-to-style-toc/2571/4 "2019-06-05T00:53:43Z")

</div>

Maybe you want to have a look at the following [section](https://github.com/nagaozen/markdown-it-toc-done-right#cherry-on-top) in the toc README.

---

<div class="post-metadata">

**Author:** ![laurent](https://avatars.discourse-cdn.com/v4/letter/l/ce7236/32.png) [@laurent](https://discourse.joplinapp.org/u/laurent)\
**Post date:** [8 June 2019 00:01 UTC](https://discourse.joplinapp.org/t/userstyle-css-to-style-toc/2571/5 "2019-06-08T00:01:26Z")

</div>

v1.0.159 now has the development tools under the “Help” menu.
