With callouts, you can highlight specific paragraphs of your pages and make them more distinguishable, add a background color or emoji icon, and include any other block type inside it.
You can customize a callout, change or remove the emoji icon, and change the background color.
Creating a callout
You can create a callout in two different ways:
- Use the autocomplete menu and type @callout or /callout in the editor and select Callout from the dropdown menu.
![](https://cdn.prod.website-files.com/6020671ce42574016fbb81b8/63bc6fcfeda60249ef6a44b0_0da246a1-af29-4077-ab4a-aa95d3691084.png)
- Alternatively, you can turn existing blocks of content into a callout. Select the blocks you would like to convert and select Callout from the Turn into menu
![](https://cdn.prod.website-files.com/6020671ce42574016fbb81b8/63bc70136521f93628da896b_7bc19265-32a0-427c-a5bb-94c0b93ddbcb.gif)
Styling a Callout
You can style the background of the callout, change the emoji icon, or completely remove it if you wish.
To change the background color of a callout
- Hover over the callout block.
- Click on the ⋯ button in the top right corner.
- Select a color.
![](https://cdn.prod.website-files.com/6020671ce42574016fbb81b8/63bc7214cf696671f8b1b8b5_becb08b8-f172-4671-9f2a-07c00acadbef.png)
To change the emoji icon of a callout block:
- Click on the emoji icon inside the callout block.
- Select a different emoji.
![](https://cdn.prod.website-files.com/6020671ce42574016fbb81b8/63bc70e46521f9f851da9b7c_d5ebc031-416e-4db6-8cd7-75221a522fe0.png)
To remove the emoji icon from a callout:
- Hover over the callout block.
- Click on the ⋯ button in the top right corner.
- Click on Remove Icon.
![](https://cdn.prod.website-files.com/6020671ce42574016fbb81b8/63bc71461319bce15cd89847_eaee6112-dde5-4445-bcd5-982761556e01.png)
Adding content inside a callout
Callouts in Saga are flexible, and you can add all kinds of content inside, including text, lists, images, headings, tasks, tables, and live blocks.
![](https://cdn.prod.website-files.com/6020671ce42574016fbb81b8/63bc718e8e7e888c72286c6c_d063f645-4fc3-47ad-8b7f-46a2dc71b81d.gif)
Removing a callout
To remove a callout, click on the ⋯ button in the top right corner of a callout, then click on Remove Callout. The content of the callout will be kept and converted to normal paragraphs.
![](https://cdn.prod.website-files.com/6020671ce42574016fbb81b8/63bc70811319bc41ddd890ef_9c41748b-4b83-47f4-89a3-3eaa1d71673b.png)