Styling Text to Look Like Headings

Issue/Question

I want to make a paragraph or heading block look like a different heading level.

  • Ex. I want to make a paragraph look like a Heading 4.
  • Ex. I want to make a Heading 2 have the appearance of a Heading 5.

Environment

  • Omni CMS

Cause

To meet accessibility standards, headings must follow a certain order.  However other text can appear as a heading in appearance only without interfering with the Known Accessibility Issue, Header nesting - header following h1-h5 is incorrect

Resolution

Use the Styles Dropdown of the WYSIWYG editor to change the appearance of a block level. We recommend converting any headings in a _notification.pcf or left column area to use paragraphs with heading styles instead.

  1. Check out the page if it is not already.
  2. Edit the content area with the text to change the appearance of.
  3. Enable the Show Blocks button in the editor toolbar to locate existing blocks.
  4. Highlight the text you want to change.
    • Optional: Change the block level using the Blocks Dropdown if necessary.
  5. Click the Styles Dropdown to expand the available options.
  6. Select from Font H2 - Font H6 options to mimic the appearance of that heading level.
  7. Save the page.

Details

Article ID: 3869
Created
Tue 10/19/21 3:24 PM
Modified
Sat 10/30/21 2:32 PM