Callout Width Control

When using a callout for MC Callout, Float Callout or Blank Callout, you may use the width modifier below to have greater control on the callout width. There are three (3) approach to define the width i.e. fixed (pixel-based), responsive via percentage and responsive via dynamic width.

Apply the modifier in the callout metadata section i.e. [!<callout-type>|<callout-metadata>]. And as an example [!info|pw3].

For MC Callout, please use it on the sub callouts e.g.

> [!multi-column]
>
>> [!note|dw-3]+ Work
>> your notes or lists here. using markdown formatting
>
>> [!warning|dw-2]+ Personal
>> your notes or lists here. using markdown formatting
>
>> [!summary|min-0]+ Charity
>> your notes or lists here. using markdown formatting

sdf

Width Control

You can control sub-callout width by specifying the custom width option in the callout-metadata element (do NOT apply to [!multi-column] callout itself. So far, there's only a discrete options per below:

• min-0 - to override and disable min width set in Style Settings
• wide-2 - give callout twice the size
• wide-3 - three times the size
• wide-4 - four times the size
• wide-5 - five times the size

Fixed Width Modifier

Percentage Width Modifier

Dynamic Width Modifier

• fw1 = flex-basis: 100px
• fw2 = flex-basis: 200px
• fw3 = flex-basis: 300px
• fw4 = flex-basis: 400px
• fw5 = flex-basis: 500px
• fw6 = flex-basis: 600px
• fw7 = flex-basis: 700px
• fw8 = flex-basis: 800px
• fw9 = flex-basis: 900px