Skip to main content

Adding an Example, Key term, Tip, Warning or Note

Callouts are styled boxes that pull attention to something inside a lesson page. Five presets, all restylable.

Written by Kat Morgan

Callouts are styled boxes that sit inside the flow of a lesson page. They're useful for examples, warnings, definitions or anything else worth flagging.

Adding one

Type / and start typing the kind you want. Or click + in the left margin and pick from the Callout group.

The slash menu filtered to show Tip callout option

You'll see five presets:

  • Example: for worked examples

  • Key term: for definitions

  • Tip: for advice and suggestions

  • Warning: for things students need to be careful of

  • Note: for asides

Each one has a sensible default colour, header tone and left border. There is also a neutral style with no particular meaning attached, for general "look here" content: insert any preset and restyle it, as below.

A Tip callout rendered inline in the lesson page

A Warning callout in the lesson page

Editing the look

Click the handle to the left of a callout to open its style dropdown. From there you can change:

  • Accent colour (the swatch grid)

  • Background tone

  • Header tone

  • Left border on or off

The presets are starting points, not restrictions. A Tip callout can be repainted to look like a Warning if you want.

What goes inside

Callouts hold paragraphs, lists, bold, italic, links and inline math. They don't hold questions, videos or other callouts, so if you need an interactive question to draw attention to itself, drop a Callout above or below it.

Heading

Each callout has a header line. Leave it blank for callouts that don't need a label, or use it for the word "Example", "Definition", or whatever fits the content.

Did this answer your question?