When you open the developer tools in Obsidian, you change the css, but you also need to save it in a seperate file.
- Make a new text file and save it as “Name.css” .css is very important.
- Now when you make changes in the css of obsidian i.e change size of headings, colors etc. you have to copy the changes to that css file you just created.
- How to copy the changes? Easy! I assume that you are using the select tool for selecting the elements inside Obsidian to change their appearance. When you select the elements in Obsidian you will be directed to the specific css element of that element inside the developer tool window.
- Now lets assume you click on something and you get this:
now lets suppose you change the line-height to 3; now you have to copy the text starting form “.body” to the curly bracket at the last.
5. Now paste this in your Name.css file. You can remove the extra things you didn’t change like font-family and font-size and just keep the thing you changed i.e Line-length insid the curly brackets
.body {
line-length: 3;
}
I hope you get the Idea!
6. Now save the css file. You see this is what you are creating. A snippet for your Obsidian vault. You just need to open it as a snippet in Obsidian and enable it.
I Hope it helps.
