Gallery example

What is a Gallery?

The Gallery component provides a flexible way to display a number of images on your site.

How to add a Gallery

  1. Click the edit link at the top of the page
  2. Move your cursor where you want to place the component. (Add a section if needed).
  3. Click the plus icon.
  4. Select Gallery from the menu

Content 

  1. Add your Title (optional).
    Note: Title field text is limited to 70 characters.
  2. Click Add Image or Video depending on the type of gallery you are creating. Select the appropriate media or upload the URL for a video or image to the Media Library.
    Note: Recommended image dimensions are 3:2, with a maximum image size of 4MB.

Styles

  1. Toggle to the Styles tab.
  2. Choose a gallery display: grid, carousel, slider, or video.
  3. Select the amount of additional space you would like above the component.
  4. Select the amount of additional space you would like below the component. 
    Note: By default, there is no space below a component.

Save

  1. Click Save.
  2. Scroll to the top of the page and click Save.
  3. Click the Done button beside the save button.
    Note: This will display the page in the closest representation of how site visitors will view it. All links and actions that are disabled in editing mode will be functional now.

Style Options

Example of a grid gallery display

Example of a carousel gallery display

Example of a slider gallery display

Example of a video gallery display