Checkerboard Wrapper

Used to add a checkerboard section. Add multiple to generate a checkboard view. The checkerboard effect alternating the image/content display is applied automatically by the design.

Screenshot of Checkerboard WrapperScreenshot showing example of Checkerboard Wrapper content type.

Content Type Details

Multiple adjacent Checkerboard Wrapper content items are wrapped together to form a group. 

First Checkerboard Wrapper Only Elements

Add the following optional elements to the first Checkerboard Wrapper in a group.

  • Title: this will appear above the Checkerboard Wrapper. Adding a Title will automatically start a new Checkerboard Wrapper.
  • Description: displays below the Title

Guidance

  • Wrapper:
    • No minimum or maximum limit on number of Checkerboard Wrapper items
    • Adjacent Checkerboard Wrappers automatically combine into a group
    • Each Checkerboard Wrapper item is created as a separate content item
    • If a Checkerboard Wrapper in a group has the 'Title' element entered it will make it act as the first in a new group of Checkerboard Wrapper items.
  • Image Selection: Select an image from the media library. The recommended minimum dimensions are 800 x 770 pixels. You can upload an image of any size, and it will be automatically resized to fit. If the image's shape (aspect ratio) differs from the required 800 x 770, it will be resized and cropped to fit these dimensions. Learn more about how automatic resizing and cropping works.
  • Video: Add the public URL to a YouTube or Vimeo video e.g.:
    • YouTube: https://www.youtube.com/watch?v=bXlQ3Mw4uGc or https://youtu.be/bXlQ3Mw4uGc
    • Vimeo: https://vimeo.com/168103190

Content Type Elements Details

NameDescriptionSizeTypeRequiredConditionally Shown
NameThe Name Element80 CharactersPlain TextYesNo
TitleAdd the title for the wrapper. Add this to the first card. Adding a title starts a new wrapper.200 CharactersPlain TextNoNo
DescriptionAdd a description for the card, displayed only when there is a title. Add this to the first card1000 CharactersPlain TextNoNo
Card TitleAdd the title for the card200 CharactersPlain TextNoNo
Card DescriptionAdd a description for the card1000 CharactersPlain TextNoYes
Card LinksAdd up to 3 linksN/ARepeater
(0-3 Link)
NoNo
Card ButtonAdd an optional buttonN/ARepeater
(0-1 Button)
NoNo
Card ImageSelect an image from the media library. Minimum recommended size: 800 x 770N/AMediaYesNo
Card VideoAdd the full URL to a YouTube or Vimeo video in format https://www.youtube.com/watch?v=7g0xL88ebXs / https://vimeo.com/168103190250 CharactersPlain TextNoNo
Card CaptionAdd a caption for the card200 CharactersPlain TextNoNo

Link

This is used by repeater elements on multiple content types to add a link.

  • Minimum : 0
  • Maximum : 3

Content Type Elements Details

NameDescriptionSizeTypeRequiredConditionally Shown
NameThe Name Element80 CharactersPlain TextYesNo
Link TypeSelect link type

Choose from options: Internal, External, Media
N/ASelect Box
(List: Link type)
YesNo
Internal LinkSelect a section or content item for an internal link. Untick 'Use default link text' to customise the link text.N/ASection/Content LinkYesYes
External LinkEnter a full URL (including https://) for an external link250 CharactersPlain TextYesYes
External TitleAdd text for external link120 CharactersPlain TextYesYes
Media LinkSelect a document from media library for a media link e.g., PDF, Word, ExcelN/AMediaYesYes
Media TitleAdd text for media link120 CharactersPlain TextYesYes

Button

This is used by repeater elements on multiple content types to add a button.

  • Minimum : 0
  • Maximum : 1

Content Type Elements Details

NameDescriptionSizeTypeRequiredConditionally Shown
NameThe Name Element80 CharactersPlain TextYesNo
Link TypeSelect link type

Choose from options: Internal, External, Media
N/ASelect Box
(List: Link type)
YesNo
Internal LinkSelect a section or content item for an internal link. Untick 'Use default link text' to customise the link text.N/ASection/Content LinkYesYes
External LinkEnter a full URL (including https://) for an external link250 CharactersPlain TextYesYes
External TitleAdd text for external link120 CharactersPlain TextYesYes
Media LinkSelect a document from media library for a media link e.g., PDF, Word, ExcelN/AMediaYesYes
Media TitleAdd text for media link120 CharactersPlain TextYesYes

Examples

Optional Checkerboard Heading

Optional description dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Person sat at table in a coffee shop
A caption goes here lorem ipsum.

Checkerboard Title

Venenatis a condimentum vitae sapien. Gravida arcu ac tortor dignissim convallis aenean et tortor. Lacus sed viverra tellus in. Mattis nunc sed blandit libero volutpat sed cras ornare.

Person sat at table in a coffee shop

Checkerboard Title

Venenatis a condimentum vitae sapien. Gravida arcu ac tortor dignissim convallis aenean et tortor. Lacus sed viverra tellus in. Mattis nunc sed blandit libero volutpat sed cras ornare.