SJC 2023 - Hero Header content type details
ID: 560
Name: SJC 2023 - Hero Header
Description: Adds the hero header for the inner page
Content element details
| Name | Description | Size | Type | Required |
|---|---|---|---|---|
| Name | The Name Element | 80 Characters | Plain Text | Yes |
| Page Heading (H1) | Enter the title for the content | 80 Characters | Plain Text | Yes |
| Smaller Heading Text | Select to make heading text smaller at smaller screen sizes | 80 Characters | Check Box | No |
| Hero Intro Text | Enter the sub title for the page | 120 Characters | Plain Text | No |
| Hero Image (1200 x 800) | Select an image from the media library | 80 Kilobytes | Media | No |
| Hero Video | Select an mp4 video from media library | 80 Kilobytes | Media | No |
| Button Text | Enter the text for the Call to Action | 50 Characters | Plain Text | No |
| Button Link (internal) | Select a section/content for an internal link | 80 Characters | Section/Content Link | No |
| Button Link (external) | Only enter this if you are NOT entering an internal link | 99999 Characters | Plain Text | No |
| Button Link (PDF) | Select a PDF from the media library | 80 Kilobytes | Media | No |
| Button Link open in new window | Select to open link in new window | 80 Characters | Check Box | No |
| Overlap the content below | Select the checkbox to overlap the content added below | 80 Characters | Check Box | No |
How to use
A hero block for inner pages featuring a heading plus optional intro text and a button.
Select the Smaller Heading Text checkbox to make heading text smaller at smaller screen sizes.
For the button, select either an Internal link (ignore the Use default link text checkbox), or enter an external link (do not enter both).
Either an image or a video can be used as the background.
Tick the 'Overlap the content below' to have the next content item overlap the bottom of the hero.
Example
See the hero at the top of this page.