Display Accessibility Tools

Accessibility Tools

Grayscale

Highlight Links

Change Contrast

Increase Text Size

Increase Letter Spacing

Readability Bar

Dyslexia Friendly Font

Increase Cursor Size

Styled Heading

The Styled Heading is a web design element that allows you to add a pre-styled heading with a bottom green accent mark (see page title above for example). The heading can be aligned left, center, or right.

Demo

Left Aligned

Center Aligned

 

Right Aligned

Instructions for use

While editing a page:

  1. Move your cursor to the area of the page you wish to add the component.
  2. Click the "Insert Component" button in the editor toolbar.
  3. Select the Styled Heading component from the list.
  4. Enter the Heading Text.
  5. Choose whether the text should be uppercase or not.
  6. Choose the heading level (ensure proper heading order on the page).
  7. Choose the heading alignment (left, center, right)
  8. Click the "Save" button.