Letterbox Masthead
A simpler Masthead with a heading, optional background image and CTA, no animation. This Masthead is narrow than Secondary Masthead and takes up less vertical space.
How to use
- Add a Heading
- Optionally select a suitable image from the Media Library for the Background Image.
Recommend image is at least 2200px x 1610px. The image can be any size or aspect ratio, and will be cropped and resized for desktop 2200px x 1610px and mobile 780px x 1688px automatically by a service called PXL. Find out how PXL crop and resize works. - Optionally add an Image Overlay. Use this to improve the contrast ratio of the text over the Background Image when using a lighter image, see Text Over Images.
- If not adding a Background Image choose a Background Colour No Image: Purple Light or Purple
- Optionally add Panel Text
- Optionally add a CTA button. Add CTA Text for the button text and either select a section or content item for the CTA Internal Link (ignore the Use default link text checkbox), or paste the full URL for the CTA External URL (please do not enter both)
Content Type Details
ID: 570
Name: Letterbox Masthead
Description: A narrow letterbox shaped masthead with optional background image and CTA
Minimum user level: Contributor
Content Type Elements Details
| Name | Description | Size | Type | Required |
|---|---|---|---|---|
| Name | The Name Element | 80 Characters | Plain Text | Yes |
| Heading | Add a Heading | 250 Characters | Plain Text | Yes |
| Background Image | The image on the background | N/A | Media | No |
| Image Overlay | Apply an overlay to the image to improve the contrast ratio of the Heading | N/A | Select Box (List: Image Overlay) | No |
| Background Colour No Image | Choose background colour when no Background Image is added | N/A | Select Box (List: Secondary Masthead Colours) | No |
| Panel Text | A panel with a different background colour | 1000 Characters | HTML | No |
| CTA Text | Add text for a CTA | 50 Characters | Plain Text | No |
| CTA Internal Link | Select a section/content for an internal link | N/A | Section/Content Link | No |
| CTA External URL | Enter full URL including https:// for external URL, only enter this if you are NOT entering an internal link | 250 Characters | Plain Text | No |