Header 4 – Headline & Text


Header 4 – Headline & Text


Description

This header has a headline and an intro paragraph with up to three optional links. The headline can be either Sans Serif or Serif.

Fields and Character Limits

*required fields

Headline*

  • Character limits: Recommended limit of 90 characters including spaces.
  • Help text: Enter the headline text. There is a recommended limit of 90 characters including spaces. This field renders as an <h1>. See Headers for guidelines and best practices for headlines and sub-headlines.

Short Text

  • Character limits: Recommended limit of 350 characters including spaces.
  • Help text: Enter the short text. There is a recommended limit of 350 characters including spaces.

Link URL

  • Help text: Start typing the title of a piece of content to select it. You can also enter an internal path such as /node/add or an external URL such as http://example.com. Enter <front> to link to the front page. Enter <nolink> to display link text only.

Link Text

  • Character limits: None.
  • Help text: Enter the link text. Avoid link text like Click Here, Learn More and More. See Links for more info, including accessibility concerns, examples and best practices.

Available Style Options

Font Style*

  • Sans Serif
  • Serif

Where Can You Use This Section?

Templates

  • About
  • Basic Content
  • Basic + Content
  • Contact

Content types

  • Content Page

Using on a cloneable Template

  1. Select the vertical ellipsis to the right of the Edit button and select Remove to remove the current Header section
    View ScreenshotSelect the vertical ellipsis to the right of the Edit button and select Remove to remove the current Header section
  2. Select the Add SectionHeader button
  3. Locate Header 4 – Headline & Text in the Header Section, select Add
    View ScreenshotLocate Header 4 – Headline & Text in the Header Section, select Add
  4. Enter the Headline and Short Text
  5. Go to the Style Options tab and select either the Sans Serif or Serif font option
    View ScreenshotGo to the Style Options tab and select either the Sans Serif or Serif font option
  6. Optional: Enter up to three optional links (complete Link URL and Link text fields for each)
  7. Select either Save as Draft or Published with the drop-down menu
  8. Select Save at the bottom left of the form

Adding to a new Content Page

To add this section to a page using a content type:

  1. Select the Add Section Header button
  2. Locate Header 4 – Headline & Text, select Add
    View ScreenshotLocate Header 4 – Headline & Text in the Header Section, select Add
  3. Enter the Headline and Short Text
  4. Optional: Enter up to three optional links (complete Link URL and Link text fields for each)
  5. Go to the Style Options tab and select either the Sans Serif or Serif font option
    View ScreenshotGo to the Style Options tab and select either the Sans Serif or Serif font option
  6. Add at least one Body section
  7. Select either Save as Draft or Published with the drop-down menu
  8. Select Save at the bottom left of the form

Accessibility

  • Avoid link text like Click Here, Learn More and More. See Links for more info, including accessibility concerns, examples and best practices.

Guidelines and Best Practices

  • Use the Sans Serif style option when you have more Sans Serif Headlines throughout the page.
  • Use the Serif style option when the tone of your page is more festive.

Removing a Section

To permanently remove a section from a page:

  1. Select the vertical ellipsis to the right of the Edit button at the top-right of your section, select Remove
    View ScreenshotSelect the vertical ellipsis to the right of the Edit button at the top-right of your section, select Remove
  2. You must replace the Header Section with another option. Pages must have a Header.
  3. Select Save at the bottom left of the form