Block callouts
Default block callouts
Note
Lorem ipsum
Abstract
aliases:
summarytldr
Info
Lorem ipsum
Todo
Lorem ipsum
Tip
Aliases:
hint,important
Success
Aliases:
check,done
Question
Aliases:
help,faq
Warning
Aliases:
caution,attention
Failure
Aliases:
fail,missing
Danger
Alias:
error
Bug
Lorem ipsum
Example
Lorem ipsum
Cite
Lorem ipsum
Custom block callouts
Infobox
infobox default
Infobox
infobox left
Infobox
infobox right
Iconless
Lorem ipsum
Link
Lorem ipsum
Blank title
Blank
Recite
Lorem ipsum
Quote
Lorem ipsum
Aside
aside
Documentation
Aside
aside left
(Breaker callout for proper aside previewing)
Aside
aside tufte
Aside
aside tufte
Aside
clean
Timeline
Lorem ipsum
Cards
Cards
Lorem ipsum
Sub-callout
Lorem ipsum
Checks
Lorem ipsum
Columns with an S
Info
Lorem ipsum
Info
Lorem ipsum
Column without an S
Info
Lorem ipsum
Info
Lorem ipsum
Kanban
Info
Lorem ipsum
Info
Lorem ipsum
Kith
Lorem ipsum
Statblocks
Statblocks
Disabled (I think)
Quotes
Lorem ipsum
Metadata
Lorem ipsum
Adjustments
Callout Title Adjustments
| Abbr. | Full Title | Description |
|---|---|---|
no-t | no-title | Hides callout title |
s-t | show-title | Show callout title |
ttl-c | title-center | Center callout title text |
no-i | no-icon | Hide callout icon |
subt | subtitle | Style words in italic (* *, _ _) as subtitles |
Table Adjustments
| Abbr. | Full Title | Description |
|---|---|---|
n-th | no-table-header | Hides table header in callouts |
t-w | table-wide | Widen table to edges of callout |
tbl-cln | table-clean | Remove most table styling: lines, background colors |
table-cell-top | Move text alignment to top of table cell | |
table | Prevent table from wrapping | |
tbl-u-# | table-unwrap-column-# | Set specific column # number to not wrap |
Text
| Abbr. | Full Title | Description |
|---|---|---|
txt-c | text-center | Center callout text |
txt-r | txt-right | Right align callout text |
txt-l | txt-left | Left align callout text |
txt-s | text-small | Shrink callout text size |
Styling
| Abbr. | Full Title | Description |
|---|---|---|
embed | Remove callout padding to expand embed | |
nmg | no-margin | Remove callout margins |
clean | Remove callout Styling | |
collapse | Remove all padding and margins for ultra compact look | |
nbrd | no-border | Borderless callout |
clear | Move any other floating elements near to under this callout | |
dim | Dim collapsible (+/-) callouts unless hovered and opened | |
dim-hvr | dim-hover | Dim callout unless hovered over |
dim-closed | Dim callout when callout is closed |
Embed
According to Eugene Healey (@eugbrandstrat), all old status symbols^[examples needed] are becoming more accessible and democratized, and knowledge or intellect is the next/last one. This is aligned with the uptick of using AI to alleviate our status anxiety (thereby worsening it instead).
Link to original
No margin
Lorem ipsum
Clean
Lorem ipsum
Collapse
Lorem ipsum
No border
Lorem ipsum
Dim
Lorem ipsum
Alternate Styling
| Abbr. | Full Title | Description |
|---|---|---|
alt-co | Alternate Callout styling for individual callouts | |
alt-line | Minimalistic callout style with only title underlined | |
co-o | callout-original | Revert to pre-Obsidian v0.16 callout styling |
co-block | callout-block | Alternate callout mixing pre & post v0.16 styling |
callout-bordered | Mimic the styling of the Metadata Callout | |
co-si | callout-side-icon | Move icon to side of callouts (callout titles won’t show) |
Alt-co
Lorem ipsum
Alt-line
Lorem ipsum
Callout-original
Lorem ipsum
callout-block
Lorem ipsum
Callout-bordered
Lorem ipsum
Callout-side-icon
Lorem ipsum
Sizing
Sizing sames are the as the Image Adjustment Sizing names
| Attributes | Resize Image Height |
|---|---|
hmicro | 70px |
htiny | 100px |
hsmall | 200px |
hs-med | 300px |
hm-sm | 400px |
hmed | 500px |
hm-tl | 600px |
htall | 700px |
hfull | 100% horizontally |
hmicro
Lorem ipsum
htiny
Lorem ipsum
hsmall
Lorem ipsum
hs-med
Lorem ipsum
| Attributes | Callout Width % | Callout Width px |
|---|---|---|
wmicro | 10% | 50px |
wtiny | 20% | 100px |
wsmall | 30% | 200px |
ws-med | 40% | 300px |
wm-sm | 50% | 400px |
wmed | 60% | 500px |
wm-tl | 80% | 600px |
wtall | 95% | 700px |
wfull | 100% | |
wfit | Auto | Auto |
wmicro
Lorem ipsum
wtiny
Lorem ipsum
wsmall
Lorem ipsum
ws-med
Lorem ipsum
wm-sm
Lorem ipsum
wmed
Lorem ipsum
wm-tl
Lorem ipsum
wtall
Lorem ipsum
wfull
Lorem ipsum
Add |static to use fixed sizing with pixels
Callout sizing uses percentages by default, |static switches to pixels to use static sizing.
Callout Content Padding
| Attribute | Abbr | Callout Padding Sizing |
|---|---|---|
content-padding-small | c-p-sm | 6px |
content-padding-medium | c-p-med | 12px |
content-padding-large | c-p-lg | 24px |
Cards
Info
Lorem ipsum
Positions
Will not wrap text around in live preview or float on mobile
| Attribute | Description |
|---|---|
left | Float callout to the left |
right | Float callout to the right |
Colors
| Abbr. | Full Title | Description |
|---|---|---|
c- | color- | Change callout title/border color |
bg- | background- | Change callout background color |
bg-c- | background-color- | Change callout title and background color |
- Colors:
- purple
- blue
- green
- red
- pink
- orange
- yellow
- gray
- brown
- black
- plain
> [!recite|color-blue]
>
> [!recite|background-blue]
>
> [!recite|background-color-blue]
> > [!recite|c-purple]
>
> [!recite|bg-purple]
>
> [!recite|bg-c-purple]
> Columns
color-purple
bg-purple
bg-c-purple
c-blue
bg-blue
bg-c-blue
c-green
bg-green
bg-c-green
c-red
bg-red
bg-c-red
c-pink
bg-pink
bg-c-pink
c-orange
bg-orange
bg-c-orange
c-yellow
bg-yellow
bg-c-yellow
c-brown
bg-brown
bg-c-brown
c-gray
bg-gray
bg-c-gray
c-black
bg-black
bg-c-black
c-plain
bg-plain
bg-c-plain