Get your Free Callout Blocks

Callouts emphasize important information and make it stand out to your help center users. You can use colors and frames to separate instructions, links, CTA, or other important parts of your articles.

Download

Installation instructions

1. Unzip the downloaded simple-toc.zip file.
2. In Guide, click the Customize design icon in the sidebar.
3. Click Customize on the theme you want to edit.
4. Click Edit code.
5. Click style.css at the bottom of the page to modify the CSS. The file opens in the code editor.
6. Copy and paste the content from the callout.css file.
7. Click the Save button.

Adding a callout block to the source code of your article:

1. In an article, click the Source Code button at the end of the editor's toolbar.
2. In the location you want to place your note, enter the following code:
   

   <div class="l-callout">These are the words that will go in your note!</div>

3. Click Ok to save the source code.
4. The callout is added in the entered location.