Hero

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

Example

Hero Banner Example

Description text for hero banner example

Shortcode


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

Parameters

Parameter Values Description
title user-specified Specifies the title of the hero to use
description user-specified Specifies the text to appear over the hero, if not the default to page excerpt
image user-specified Specifies the ID of image to use
image_mobile user-specified Specifies the ID of image to use for mobile
background_full user-specified Specifies the ID of image to use for the entire div
bg user-specified Specifies the background colour of image to use
align user-specified Specifies the alignment of the image
text_color user-specified Specifies the text colour
hidetext true, false If set to "true", hides all text from the hero
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 Specifies if the share buttons should be shown or hidden
share_message user-specified The message for the share buttons
parallax user-specified Specifies if the background should be parallax
layout none, custom, angle, geometric, graph, rounded, triangle, wave, right_aligned, right_aligned_half Specifies the type of layout to use, defaulting to "none"