Media Gallery

How to add a Media Gallery component

The Media Gallery components allows you to add images (JPG and PNG files only) to your site and display them as an image gallery grid. Site visitors can click on the individual images to see a larger version of the image. 

Step 1: Add and configure a new Media Gallery component

1. Add a Media Gallery component (see Adding a component for instructions on how to add a component).
2. On the Content tab, click on Choose component under Media to add an image to your gallery.
   1. Title (optional): Add a title for the image you’re adding.
   2. Media caption (optional): Add a caption for the image or media you’re adding.
   3. Click the Add image button to add your image. You can select an image from the media library or upload a new image (see Media Library for details about working with the media library).
   4. Click on Save to save the image to the gallery.
   5. Repeat these steps to add additional images to your gallery.
3. Click on the Section Heading section of the component to add an optional heading and introductory paragraph that appears at the top of the Media Gallery component (see Adding a component heading for details about adding a section heading).
4. Click on the Block Settings to configure the display of the Media Gallery.
   1. Field Display: Allows you to show or hide the Title and Caption of the images on the media gallery component.
5. Click on the Color Settings section to configure color settings.
   1. Select a color scheme from the Component Color Scheme menu and review the Component Color Scheme Preview to see the effect of changing the color settings.
6. Choose Save to save the Media Gallery component.