Here is an easy way to create your CSS snippet:
1 - Download this file: snippets.css (a blank text file).
2 - In Obsidian - go to Preferences > Appearance > CSS-Snippets (at the bottom).
- Turn the snippets switch to “On”.
- Click the little folder icon above the switch. A popup will appear (this window is the folder /vault/.obsidian/snippets/).
3 - Drag that new downloaded file (snippets.css) into that popup.
DONE! Now you have a CSS Snippets file.
- You can open it in any text editor [like Notepad (Windows) or TextEdit (Mac)]… a CSS file is just a text file.
- You can add/change styles in that CSS file.
- New changes are automatically pulled in by Obsidian, any time you save the snippets.css document.
Now you can add custom CSS styles to Obsidian. 