This is the multi-page printable view of this section. Click here to print.

Return to the regular view of this page.

Carousel

A full-width gallery with multiple sets of a header, description, and call to action overlaid on top of an image.

    Screenshot of the Carousel component with block labels

    Designs:

    • Design System
    • Pre-release: [Mobile](../../../../../../assets/img/designs/lb/Carousels Mobile.png) | [Desktop](../../../../../../assets/img/designs/lb/Carousels Desktop.png)

    To use the block:

    • Click the Layout tab at the top of your page
    • Scroll to the location on the page where you want to add a block
    • Click Add block
    • In the sidebar, click Create custom block
    • Choose the block to add.

    Fill in the content fields:

    • Title (required): This title is for administrative purposes only and is never displayed, even if “Display Title” is checked.
    • Carousel heading: This heading is displayed above the carousel.
    • Carousel subheading: This subheading is displayed below the heading.
    • Carousel Item: You can add multiple items to the carousel by using the Add Carousel Item or Add new custom block button. Make sure to click Create/Update tab or Create/Update custom block to save each item after adding or editing. Each item includes the following fields:
      • Heading
      • Image: You can choose an existing image from the media library or upload a new image.
      • Description
      • Link: This creates a link that appears at the bottom of the carousel item.

    Then save the block: