Default theme - changing Headers size

Things I have tried

Ok, this is dumb newbie problem.
I’m using the default theme and find the Headers too large. I’ve seen posts to change this. So I tried adding a obsidian.css file in the vault/… location.

* << EDITOR and PREVIEW HEADERS >> */

.cm-header-1, .markdown-preview-view h1 {
  font-size: 1.55em;
  color: #797972;
  font-weight: 400 !important;
}

.cm-header-2, .markdown-preview-view h2 {
  font-size: 1.4em;
  color: #797972;
  font-weight: 400 !important;
}

.cm-header-3, .markdown-preview-view h3 {
  font-size: 1.3em;
  color: #797972;
  font-weight: 400 !important;
}

.cm-header-4, .markdown-preview-view h4 {
  font-size: 1.2em;
  color: #797972;
  font-weight: 400 !important;
}

.cm-header-5, .markdown-preview-view h5 {
  font-size: 1.1em;
  color: #797972;
  font-weight: 400 !important;
}

.cm-header-6, .markdown-preview-view h6 {
  font-size: 1em;
  color: #797972;
  font-weight: 400 !important;
}

But in Settings, when I reload CSS snippets it indicates nothing found. But when I click on the open snippets folder, I can see the obsidian.css file I created there.

What am I doing wrong?

thanks

Note, the above issue is a problem on Win 10.

I also use Linux, and in this case, I can reload the css file. Though it doesn’t change the header size.

How do you create the css file?
To check if any problem with file, try this one (a file with your code).

Headers.css (721 Bytes)

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