Carousel - Gallery v2

A carousel gallery with heading and optional text. Each slide in the carousel gallery contains a main image and secondary image or text and link.

How to use

Each gallery slide in a carousel is a repeated element called Gallery Item. There is a minimum of 1 Gallery item and maximum of 16.

  • Add a Heading
  • Optionally add Quick-Nav Text to be picked up the Quick Navigation Bar/Progress Navigation Bar
  • Choose a Carousel Colour: Purple or Teal
  • Optionally add Main Text, this displays below the heading above the carousel

For each Carousel - Gallery:

  • Select a suitable image from the Media Library for the Left Card - Image.
    Recommend image is at least 1000px x 845px. The image can be any size or aspect ratio, and will be cropped and resized to 1000px x 845px automatically by a service called PXL. Find out how PXL crop and resize works.
  • Optionally add a Left Card - Caption
  • The Right Card can display a secondary image with optional caption or text and optional link
  • For a secondary image with optional caption: 
    • Select a suitable image from the Media Library for the Right Card - Image.
      Recommend image is at least 400px x 510px. The image can be any size or aspect ratio, and will be cropped and resized to 400px x 510px automatically by a service called PXL. Find out how PXL crop and resize works.
    • Optionally add a Right Card - Caption
  • For text and optional link:
    • Add Right Card - Text
    • Optionally add a link. Add Right Card - Link Text for the button text and either select a section or content item for the Right Card - Internal Link (ignore the Use default link text checkbox), or paste the full URL for the Right Card - External URL (please do not enter both)

Content Type Details

ID: 690
Name: Carousel - Gallery v2
Description: A carousel used as a gallery that can displays images and text
Minimum user level: Contributor

Content Type Elements Details

NameDescriptionSizeTypeRequired
NameThe Name Element80 CharactersPlain TextYes
HeadingAdd a Heading, for example "Frequently asked questions", set on the first content item in a carousel50 CharactersPlain TextNo
Quick-Nav TextThis text will be used for the Quick Navigation Bar/Progress Navigation, set on the first content item in a carousel24 CharactersPlain TextNo
Carousel ColourSelect a colour from the list on the first content item in a carouselN/ASelect Box
(List: carousel Gallery Colour)
No
Main TextA brief text about the carousel information, set on the first content item in a carousel500 CharactersPlain TextNo
Gallery ItemRepeated gallery itemN/ARepeaterYes

Examples

Purple with Main Text

Teal