Advertising sustains the DA. Ads are hidden for members. Join today

On this page

Content guidelines

Special Classes and other Formatting Tips

Last updated on
18 April 2026

Special div classes to create callout boxes

These classes are also available in the CKEditor WYSIWYG under the 'Templates' toolbar button: 

In the CKEditor toolbar is a button to access templates

Template options appear you can scroll through to select and insert into the CKEditor WYSIWG

Note

Create a note box with <div class="note"><strong>Your heading</strong> Your content</div>

Tip

Create a note box with <div class="note-tip"><strong>Your heading</strong> Your content</div>

Warning Note

Create a note box with <div class="note-warning"><strong>Your heading</strong> Your content</div>

Version-specific Note

<h4>Specific version(s)</4>

Create a note box with <div class="note-version">Your content</div>

Big Quote

<blockquote class="big">Replace this text with quote text<br />
<cite>Replace this text with person’s name, job title, and organization.</cite></blockquote>

Big Statistics

<div class="big-stats">
<p><strong>##</strong> description</p>

<p><strong>##</strong> description</p>
</div>

Other tips

Action button

Action buttons are just <a class="action-button" href="#destination">Your button text</a>

Help improve this page

Page status: No known problems

You can: