Using Article Callout Boxes inside your articles

Article callouts are a powerful way to highlight key information within an article to your users. They are also sometimes called notification boxes. Use them for pointing out helpful tips, important warnings or critical information that requires extra attention.

How to use

Astro Theme has 4 different callouts available to use:

• Standard Callout
• Amber Callout
• Green Callout
• Red Callout

To use these in your article follow one of the setup options below:

1. Option 1: Copy the whole box shown below > paste it into your article and edit the text with the article editor
2. Option 2: Copy the below code, and paste the code into the source code option within the article.
   • You can access the Source Code via the Source Code button within the Article WYSIWYG editor. Example Below:
   •  

Examples to copy

<div class="callout">
<span><strong>Standard Callout</strong> Example text to be shown.</span>
</div>

<div class="callout amber">
<span><strong>Standard Callout</strong> Example text to be shown.</span>
</div>

<div class="callout green">
<span><strong>Standard Callout</strong> Example text to be shown.</span>
</div>

<div class="callout red">
<span><strong>Standard Callout</strong> Example text to be shown.</span>
</div>