Skip to main content Skip to secondary navigation

Image Gallery Paragraph

Main content start

The Image Gallery Paragraph allows you to organize and display galleries of photos throughout your site.

Up to 30 images can be added to an Image Gallery. Clicking an image will open a shadow box that allows users to cycle through all the images at full scale. The Image Gallery includes an option for captions, and galleries can also be displayed with an optional headline, description, and button. The Image Gallery currently only supports images (no video).

Image Gallery can only be placed in a one-column layout.

Image management for the Image Gallery

The Image Gallery images are stored separately from your main Media Library.  This is so that your image galleries, which are typically made up of event photos, project photos, etc, do not appear in your Media Library alongside photos chosen for editorial purposes.

However, you can still view a listing of all your gallery images by navigating to the Media Overview [your site url]/admin/content/media and filtering by the Type of Gallery Images

From the Media Overview listing, you can edit captions by clicking Edit next to the related photo. Keep in mind that editing the caption here will reflect everywhere that the image has been added. If you'd like to use an image in the Image Gallery multiple times with a different caption, re-upload the image with a new caption for each use case.

Screenshot illustrating how to use Image Gallery
  1. Select the Image Gallery paragraph in a single column layout.
  2. Click Add media to add new gallery images, or select from previously uploaded images. For previously uploaded images, you'll want to verify that the alternative text matches the context. 
  3. After uploading or selecting images:
    •  You can add alternative text and a caption, view a preview of the photo, or adjust the focal point by moving the "+".
    • Captions can include up to 255 text characters.
    • Once you have filled that info out, click Save and insert.
Screenshot illustrating how to use Image Gallery
  • Once images have been added, you can drag and drop them to rearrange the order they are displayed on the page. You can also remove images by double-clicking the “X” icon.
Screenshot illustrating how to use Image Gallery
  1. Add optional headline, description, and button if desired. The headline and description will appear above your gallery. The button will appear below.
  2. Click Save.

Related Topics