Alert styles require the user to insert a <div> tag directly into the page's Source code around the text before the style can be applied.
- Type your alert text into the WYSIWYG area of the block or page.
- Click on the Show More Items icon at the end of your icon bar and then, from the submenu, click the Source icon.
- When the page view updates, place a <div> tag above your <p>text and a closed div tag </div> after the end of the paragraph
<div>
<p>This text is in the alert message</p>
</div>
- Click the Source icon to return to your regular Edit view.
- Highlight the text for your alert message, then click on the Styles menu and choose the format you want to apply.
- Check the output and then scroll to the bottom and click the Save button when finished.