Hero No Image

Layout Variant: H004

Content Type: Teaser / Collection

Aspect Ratio:

• N/A

Expected Use:

This Hero is used on lower-level detail pages, press releases, blog posts and child pages within the corporate directory that do not require images in the Hero space. It includes a headline and a white background. The hero can also be used for case studies that have been converted from PDF format to HTML format.

How to Build:

Nothing is required in the H004 Teasable Content other than the optional Teaser Title. Since this is a Hero, the Layout Variant of the collection is set to "Default". The Hero is styled by setting the Layout at the Page level for the Hero to H004 in the Placement section. Your content should contain the following:

• Teasable Content to the Hero placement of the page and apply the layout variant to the placement. If you add multiple content items, only the first will be displayed.
• Teaser Title is optional for this Teasable Content. This is the title shown on the top center of the page.
• Teaser Header - This is the optional subheadline. Font default is in Italic. It can also be set to normal font. 
• Teaser CTA Label - This is optional topic eyebrow shown on top of the Teaser Title.  
• The Teaser Text, Image, Item and CTA Label are not used. 

If the author would like the ability to change the background color, the H004 should be setup as a Collection. Note that the same content above is captured and authors has the option to choose a background via the "Background Color" section. Set the Layout Variant to H004 on the Collection while the Hero placement should be set to "Default". Samples 2 & 3 on the H004 Regression Page are H004 setup as a collection.