How to make your own custom callouts in Obsidian

I was on a mission to reduce my plugin clutter in Obsidian, and custom callouts were next on the list. But I also wanted to make sure the call outs looked JUST right.

After experimenting with different ways to style my notes, I decided I wanted full control over how my callouts looked without relying on a plugin. In this video, I show you how I set up custom callouts in Obsidian using just CSS, no extra plugins required.

📄 Full blog post with code & examples:
https://briannalaird.com/content/blog-posts/2025-06-17-making-callouts-obsidian.html

Perfect for styling research notes, study guides, documentation, or task lists.
I cover how to:
- Enable CSS snippets
- Create your own callout types (e.g. [!theorem], [!figure], etc.)
- Use Lucide icons
- Nest callouts without them looking weird
- Apply consistent theming using Dracula-inspired colors

If you want more control over your Obsidian setup without bloating it with plugins, this one's for you.

#Obsidian #Callouts #ObsidianCSS #Productivity #PKM #NoteTaking #ObsidianMD #BreezyCodes

Видео How to make your own custom callouts in Obsidian канала Breezy Codes