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 |