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 

    Example of selecting the edit button on a page
  2. Move your cursor where you want to place the component. (Add a section if needed). 
  3. Click the plus icon.

    Example of the plus icon with a red square around the icon
  4. Select Gallery from the menu

    Example of the Gallery menu selected

Content 

  1. Add your Title (optional).

    Example of the gallery text filed
  2. Click Add media. Select the appropriate images or upload the images to the Image Library. 
    Note: Recommended Image Dimensions: 3:2 – Maximum image size is 4MB. 

Styles

  1. Toggle to the Styles tab. 

    Styles for the gallery component
  2. Choose a gallery display: grid, carousel, or slider.
  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.

    An example of how to save both the component and the page. The save buttons for both are outlined in red to emphasize the action.
  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.
     

    Example: of the Done button outlined

Style Options

Example of a grid gallery display

 

Example of a carousel gallery display

Example of a slider gallery display