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

Shortcode


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

Parameters

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