Carousel - Portrait Images
A carousel of portrait images with heading and optional CTA. Each image in the carousel has text and an optional link.
How to use
Each image in a carousel is a separate piece of content. Adjacent Carousel - Portrait Images content items are wrapped together to create a carousel. Recommend to add a minimum of 4 Carousel - Portrait Images content items in a carousel, there is no maximum number.
For the first Carousel - Portrait Images in a carousel:
- Add a Heading
- Optionally add Quick-Nav Text to be picked up the Quick Navigation Bar/Progress Navigation Bar
- Choose a Carousel Colour: Orange, Pink, Purple, Teal or Yellow
- 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)
For each Carousel - Portrait Images:
- Select a suitable image from the Media Library for the Carousel Image.
Recommend image is at least 800px x 1040px. The image can be any size or aspect ratio, and will be cropped and resized to 800px x 1040px automatically by a service called PXL. Find out how PXL crop and resize works. - Add Carousel Text
- Add an optional link, select a section or content item for the Carousel Internal Link (ignore the Use default link text checkbox), or paste the full URL for the Carousel External URL (please do not enter both)
Content Type Details
ID: 429
Name: Carousel - Portrait Images
Description: A carousel with portrait images, heading and optional CTA, each image is a separate content item.
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, for example "Frequently asked questions" on the first image in a carousel | 150 Characters | Plain Text | No |
Quick-Nav Text | This text will be used for the Quick Navigation Bar/Progress Navigation, set on the first image in a carousel | 24 Characters | Plain Text | No |
Background Colour | Select the colour of the Background on the first image in a carousel | N/A | Select Box (List: Vertical carousel Colour) | No |
CTA Text | Add text for a CTA under the carousel, set on the first image in a carousel | 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 |
Carousel Image | Select an image for the carousel | N/A | Media | Yes |
Carousel Text | The caption that goes with the image | 150 Characters | Plain Text | Yes |
Carousel Internal Link | Select a section/content for an internal link | N/A | Section/Content Link | No |
Carousel 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 |