Formatting Your Content

A heading is a piece of content designed to create sections on your page. Your heading level 1 is tied to the Title of your page. It should be the only heading level 1 on the page. The Basic Heading tier in the advanced layout will be a heading level 2. You can also create heading levels 2-5 in the text editor by highlighting your text and selecting Formats > Headings and choosing the heading level needed.

Below are examples of what heading levels 2-5 look like on the page.

Heading 2

Heading 3

Heading 4

Heading 5

In order to remain ADA compliant, headers must go in order on the page, you cannot skip a heading level unless you are going back up from a lower level (i.e. you cannot go from heading level 2 to heading level 4, but you can go from heading level 4 to heading level 2).

There are also special versions of headings that can be selected through the custom formatting option in the WYSIWYG editor. Below are the examples of special headings on a white background.

Heading 2 - headingGray

Heading 2 - Reverse Blue

Heading 2 - Reverse Gray

Heading 2 - Reverse Cyan

Heading 3 - headingGray

Heading 4 - headingGray

Heading 5 - headingGray

Titles and notifications are a way to resize and recolor text that isn't meant to be a heading. This can be accomplished by highlighting your text and selecting Formats > Custom > and choosing the title or notification level needed. Titles and notifications should be used infrequently and never as a stand alone heading. Examples of what titles and notificaitons look like are below.

Title 1

Title 2

Title 3

Notification 1

Notification 2

Quotes are similar to titles and notifications in that they change the size and color of the text, however what separates them is that quotes are also in italic. Quotes are selcted by highlighting your text and selecting Formats > Custom > Quotes. Like titles and notifications, quotes should be used infrequently and never as a heading. Quotes can be utilized to call attention to a particular phrase within a passage, or to pull out a significant quote in a section of your page content. Below is an example of what a quote looks like.

Quote

1. To insert a horizontal rule, select Insert and then Horizontal line.
2. Click the line to add a style to it, then select Formats and Custom.

Color options:

line-break-white (creates a white line like the ones above)

To create a list without bullets:

1. At the top of the page click the Bullet List menu option in the WYSIWYG editor.
   
2. Add each item.
3. Highlight the full list and select  Formats > Custom > noBullets.
   
4. Your list should end up looking like the list below.

• item one
• item two
• item three
• item four