Gradient Hero

Component Overview

The Gradient Hero is the most basic tool in the Sitecore toolbox. This hero only has one field for images, and it takes the rest of its information directly from the page title and page description of the page itself. There are a number of images in the Media Library that work great for the Gradient Hero, just search "gradient-hero."


Component Location

Hero → Gradient Hero


Component Overview

Supported Templates & Placeholders

Template Placeholder
Article Detail Page
/maincontent/hero-content
Detail Page
/maincontent/detail-page-nav/hero-content
Experience Landing with Nav
/maincontent/hero-content
Experience Landing Page
/maincontent/hero-content
Experience Interior Nav
/maincontent/interior-nav-content
Experience Right Rail Page
/maincontent/hero-content


Recommended Image Size

1500x800 @72DPI


Character Limits

Title: 100
Body: 280


Additional Notes

The Gradient Hero does not have its own fields for copy, rather it pulls its copy from the Page Title and Page Description fields in its parent page. The only user-selectable field in this component is the background image.

Component Example

To see how the component will display on different types of screens, select the button below.

Device resolution = 1440px

Component Type

Hero

ABOUT THE COMPONENT

  • Component Type: Hero
  • Rich Text: No
  • Images: Yes
  • Video: No
  • Buttons: Yes
  • Links: No
  • Icons: No 

Report Issue & Suggest Changes

Report a Bug or Suggest a Change