Hero

A large "hero" banner adds visual appeal to our digital publications such as The Economy, Plain and Simple and the Financial System Hub. For quick reference, see technical parameters.

Example

Parameters

align
Image alignment
background_full
Image ID for the entire div
bg
Image background colour
description
Text to appear on the hero banner. If left blank, the excerpt is inserted by default.
design
Type of design. The default is "none".
divider
Uses the hero as a content divider
duplicate
Duplicates the layout on top
hidetext
Set to "true" to hide text from the hero banner.
html_id
HTML id of the element. Add only if needed to customize styling or needed by Javascript to perform a specific functionality.
image
ID of image
image_mobile
Image ID for mobile
layout
Type of layout. The default is "none".
overlap
Pulls up the content below
overlay
Add a semi-transparent overlay behind the text.
parallax
Specifies if the background should be parallax
share
Show or hide the share buttons
share_message
Message for the share buttons
svg
Provides a custom SVG
text_color
Text colour
title
Title to appear on the hero banner