Description
Flexible pages have a variety of options for hero layout that can be selected in the page settings. Heroes can have text only, a background image across the full width of the page, or an image to one side of the text.
Training Video
Parameters
Required fields
- Title: This is the title of the page itself
Recommended character limits
- Hero Eyebrow: Maximum of 30 characters
- Hero Display Title: Maximum of 40 characters (if the title of the page exceeds this limit, use a hero display title to provide a shorter option)
- Header Description: Maximum of 250 characters
- Link Text: Maximum of 25 characters (note that there can be a maximum of 2 links) (Natalie note: Are there still links in heros? I don't see an option to add them)
How to edit
- To change the type of hero layout a page uses, select the Hero Settings tab next to Page Classification.
To keep a hero text-only, do not check any of the boxes, and input whichever text fields you want to include.
Image
To include an image, upload or select a file in the hero image section. If no checkboxes are selected, the image will appear to the left of the text content in a desktop view.
Image

Image

To make the image appear across the full-width of the page, select "Hero full width." The image will appear in a strip above the text if "Hero background gradient" is not selected, or behind the text if it is selected.
Image

Image
