[[Obsidian]] natively supports callouts (also referred to as admonitions) to style content for increased visual impact. Callouts can also be collapsed to present content more efficiently by appending `-` (for default closed) or `+` (for default open) like `[NOTE]- My Note`. I use callouts frequently, so I set up the [[hotkeys]] `Ctrl + .` to create a new callout. See the list of available callouts [here](https://help.obsidian.md/Editing+and+formatting/Callouts). If using the Minimal Theme, there are two options for styling callouts. I like the more minimal "unfilled" style. ## custom callouts The easiest way to create custom callouts is to use the Callout Manager community plugin. However, to [define a custom callout](https://help.obsidian.md/Editing+and+formatting/Callouts#Customize+callouts) with CSS, create the following CSS block (use your file explorer to find the `.obsidian/snippets/` directory; then add it in settings > CSS snippets): ```css .callout[data-callout="custom-question-type"] { --callout-color: 0, 0, 0; --callout-icon: lucide-alert-circle; } ``` The value of the `data-callout` attribute is the type identifier you want to use, for example `[!custom-question-type]`. - `--callout-color` defines the background color using numbers (0–255) for red, green, and blue. - `--callout-icon` can be an icon ID from [lucide.dev](https://lucide.dev/), or an SVG element.