Skip to content
YouTubeFacebookTikTokInstagram

How to Style Call-out Boxes

Call-out boxes are highlighted content blocks used to draw attention to important information, tips, warnings, or any content that should stand out from the main text.

Border Thickness

Control the border thickness on all four sides of the call-out box:

  • Left — Left border thickness
  • Right — Right border thickness
  • Top — Top border thickness
  • Bottom — Bottom border thickness

Border Style

Choose the style and shape of the border:

  • Style — Select Solid, Dashed, or Dotted
  • Roundness — Control how rounded the corners are

Outer Spacing

Control the space around the outside of the call-out box on all four sides. This determines how much room the call-out box takes up relative to surrounding content.

Inner Spacing

Control the space inside the call-out box between the border and the content:

  • Left — Left padding
  • Right — Right padding
  • Top — Top padding
  • Bottom — Bottom padding

Background Color

Choose a background color for the call-out box. Select from predefined options (White, Black, Neutral, Info, Success, Warning, Danger) or use a custom RGB color.

Text Color

Choose the text color inside the call-out box. Select Black, White, or use a custom RGB color.

Add Call-out Boxes

Create call-out boxes

Learn how to add call-out boxes in the editor. Add call-out boxes →