Important information goes here.
Callout boxes are graphical design elements used to call attention to a small but important chunk of information.To create a callout box, editors must edit the HTML source of their page. Because of the way the WCM works, they will only need to edit the HTML that is managed by the WYSIWYG editor.
Step 1: To begin, click the "Edit HTML Source" button.
Step 2: Place your cursor at the location that you want the callout box to appear. This is typically immediately after the introductory paragraph of a page, but could be immediately after the <h1> or further down the page.Click "Insert" when done.
A callout box is defined by a <div> with a class of "calloutbox", as below.
There are three things to note about this code:
Step 4: If the code is correct, you will be able to edit the contents of the callout box (and its title) using the WYSIWYG editor from now on. Click "Submit" when done.