Block callouts

Default block callouts

Note

Lorem ipsum

Abstract

aliases: summary tldr

Info

Lorem ipsum

Todo

Lorem ipsum

Tip

Aliases: hintimportant

Success

Aliases: checkdone

Question

Aliases: helpfaq

Warning

Aliases: cautionattention

Failure

Aliases: failmissing

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

Blank title

Blank

Recite

Lorem ipsum

Quote

Lorem ipsum

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

Adjustments

Callout Title Adjustments 

Abbr.Full TitleDescription
no-tno-titleHides callout title
s-tshow-titleShow callout title
ttl-ctitle-centerCenter callout title text
no-ino-iconHide callout icon
subtsubtitleStyle words in italic (* *, _ _) as subtitles

Table Adjustments 

Abbr.Full TitleDescription
n-thno-table-headerHides table header in callouts
t-wtable-wideWiden table to edges of callout
tbl-clntable-cleanRemove most table styling: lines, background colors
table-cell-topMove text alignment to top of table cell
tablePrevent table from wrapping
tbl-u-#table-unwrap-column-#Set specific column # number to not wrap

Text 

Abbr.Full TitleDescription
txt-ctext-centerCenter callout text
txt-rtxt-rightRight align callout text
txt-ltxt-leftLeft align callout text
txt-stext-smallShrink callout text size

Styling 

Abbr.Full TitleDescription
embedRemove callout padding to expand embed
nmgno-marginRemove callout margins
cleanRemove callout Styling
collapseRemove all padding and margins for ultra compact look
nbrdno-borderBorderless callout
clearMove any other floating elements near to under this callout
dimDim collapsible (+/-) callouts unless hovered and opened
dim-hvrdim-hoverDim callout unless hovered over
dim-closedDim callout when callout is closed

Alternate Styling 

Abbr.Full TitleDescription
alt-coAlternate Callout styling for individual callouts
alt-lineMinimalistic callout style with only title underlined
co-ocallout-originalRevert to pre-Obsidian v0.16 callout styling
co-blockcallout-blockAlternate callout mixing pre & post v0.16 styling
callout-borderedMimic the styling of the Metadata Callout
co-sicallout-side-iconMove icon to side of callouts
(callout titles won’t show)

Sizing 

Sizing sames are the as the Image Adjustment Sizing names

AttributesResize Image Height
hmicro70px
htiny100px
hsmall200px
hs-med300px
hm-sm400px
hmed500px
hm-tl600px
htall700px
hfull100% horizontally
AttributesCallout Width %Callout Width px
wmicro10%50px
wtiny20%100px
wsmall30%200px
ws-med40%300px
wm-sm50%400px
wmed60%500px
wm-tl80%600px
wtall95%700px
wfull100%
wfitAutoAuto

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 

AttributeAbbrCallout Padding Sizing
content-padding-smallc-p-sm6px
content-padding-mediumc-p-med12px
content-padding-largec-p-lg24px

Cards

Info

Lorem ipsum

Positions 

Will not wrap text around in live preview or float on mobile

AttributeDescription
leftFloat callout to the left
rightFloat callout to the right

Colors 

Callout Adjustments

Abbr.Full TitleDescription
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