Link Hero
Hero with options to add links, ideally anchored to sections lower on the page.
Jump to:
| Category | CMS |
|---|---|
| Hero | WordPress |
Instructions
Options:
- HTML anchor: text
- Type of the links: shortcuts, CTA links
- Description of the links: text (shortcuts only)
- Media:
- Media type: image, video
- Media URL: media
- Media alt text: text
- Media title: text
- Subheader: Rich Text
- Header: Rich Text
- Subtext: Rich Text
- Shortcut links:
- Link text: text
- Link URL: URL
- Open link in new tab: checkbox
- Button CSS class: text
- CTA links:
- Link text: text
- Link URL: URL
- Open link in new tab: checkbox
- Button color: gold, black, white
- Make it full width: checkbox
Button CSS class: text
Note: the height of the block will extend as more copy is written.
Image size: 1920 x 108 px (16:9)
Note: the 55% black overlay is added dynamically, do not save the image with an overlay.
Note: ideally choose decorative images for this hero block given how the image will already appear behind an overlay, H1, text, buttons, etc.
Live Block
Example 1 of 3
Example 2 of 3
page header
Lorem ipsum dolor sit ament, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Example 3 of 3