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.


Hero Banner Example

Description text for hero banner example


                [Hero title="Hero Banner Example" description="Description text for hero banner example" image="55" layout="angle"]


Parameter Values Description
title user-specified Title to appear on the hero banner
description user-specified Text to appear on the hero banner. If left blank, the excerpt is inserted by default.
image user-specified ID of image
image_mobile user-specified Image ID for mobile
background_full user-specified Image ID for the entire div
bg user-specified Image background colour
align user-specified Image alignment
text_color user-specified Text colour
hidetext true, false Set to "true" to hide text from the hero banner.
overlap user-specified Pulls up the content below
divider user-specified Uses the hero as a content divider
duplicate user-specified Duplicates the layout on top
svg user-specified Provides a custom SVG
share user-specified Show or hide the share buttons
share_message user-specified Message for the share buttons
parallax user-specified Specifies if the background should be parallax
overlay user-specified Add a semi-transparent overlay behind the text.
layout none, custom, angle, geometric, graph, rounded, triangle, wave, right_aligned, right_aligned_half, left_aligned, left_aligned_half Type of layout. The default is "none".