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" |