Heading Color Coding
Heading Accents
How to Accent a Heading
- Select an heading or eyebrow (paragraph) block that requires an accent.
- In the right sidebar, locate the Additional CSS Class(es) field in the “Advanced” accordion.
- Add the class name “accent” to the Additional CSS Class(es) field.
When to Use Heading Accent
- Apply to headings to designate a new content section.
- Apply to all eyebrow text
When Not to Use Heading Accent
- Do not apply to subheadings within a section that contains a primary heading
- Do not apply to headings with eyebrow text directly above them.
Accented Heading Examples
Accented Heading
Heading with Accented Eyebrow
Heading Accent Color Coding
To color code a heading’s accent for sections and audience pages, 1) copy a class name from the options below, 2) select an accented heading block, and 3) paste it into the right sidebar’s Additional CSS Class(es) field after the “accent” class name.