Step-by-Step Guide
If you have any further questions on proper setup, please fill out our Hive Service Request form and someone from the team will help you.
Page Examples:
For visuals of the component, please visit the anchored page link below:
Callout
What it does: A visually distinct highlight block designed for short, high-impact text. Has a title, intro/body text, an optional image (at Normal or Large size), an optional CTA link, and an Alternative Display toggle that switches the background from grey to branded light blue.
When to use it: Key statistics to emphasize, pull quotes, important notices, standalone CTAs between sections.
How to Add
- Edit the page node.
- Click Add Component → Callout.
Fields to Fill In
| Field Label | What to Enter | Required? | Notes |
|---|---|---|---|
| Title | The main callout heading | Yes | Keep it short and punchy |
| Intro | The body text of the callout | Yes | Rich text; 1–3 sentences max |
| Image | Upload or select an image; alt text required | No | — |
| Image size | Normal or Large | Yes | Default: Normal |
| Action Link | CTA — URL + label | No | — |
| Alternative Display | Toggle for branded light-blue background (vs. default grey) | No | — |
How to Update
- Edit the page, open the Callout component.
- Update the Title, Intro, Action Link, or toggle Alternative Display.
- Save.