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

Hero Banner Example

Description text for hero banner example


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

Parameters

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