How do I change the font of the sidebar

Hey,

This has probably already been wandered but I searched high and low in the Custom CSS post’s for it and could not find it. I would like to change the font of the file explorer sidebar to a MONO font but I can’t find a specifiek class or CSS example to do it. The reasoning is quite simpel. I prefix all my notes with the ZETTLKAST plugin but the date string does not line up all the time in the file explorer.

I would like this text to have another font:

2 Likes

I have the same question. I name my folders with number as prefix (i.e. 100, 200 …). The default font on sidebar (file explorer) is not fixed width hence all folder names cannot be lined up.

1 Like

Found this thread through Google as I wanted to do was change the font size of the text in the sidebar.

Using the web inspector (Ctrl+Shift+I on Windows/Linux or Cmd+Opt+I on macOS) I was able to identify the classes to let me change it. Adding a css rule to a custom css snippet to target the following classes worked for me, and the font family can be changed as well. e.g.

.nav-file-title, .nav-folder-title {
    font-size: 11px;
    font-family: consolas;
}
1 Like