Photo Gallery

These steps are applicable whether you are editing an existing page or creating a new one.

Adding a Photo Gallery

  1. In the Paragraphs Body in the Main Content region, click the + Add button and select Photo Gallery from the Add Paragraph modal window:
    Photo Gallery Paragraph
    If multiple paragraphs already exist in the region, you can insert a new paragraph in the location of your choosing by clicking the appropriate + Add button.
  2. Add optional text to the Administrative Title field; this text will only show when editing the page, including when the paragraph is in a collapsed state.
  3. In the Image region, click Select Image(s); select existing images from the media library, or click the Add New Image tab to add new images. Once you have selected or added the images for the gallery, click the Select Image(s) button. Note that any images that have been selected will be deselected when advancing or moving to a previous page in the library.
  4. Click Save at the top of the page to preserve the photo gallery on the page.

Note: When the gallery is displayed on the page, the Image Description is used as the caption for each image.

Additional Options

  • Width: Sets the width of the photo gallery
  • Add Margins: Adds an optional margin above and/or below the photo gallery

Editing a Photo Gallery

  1. Assuming you are in the editing user interface, locate the photo gallery you wish to modify.
  2. To add additional images, click the Select Image(s) button and select and/or add new images.
  3. To reorder the images, click an image and drag it to the desired position.
  4. To remove an image, click the trash icon/button
    trash icon.
    at top-right of its thumbnail. Note that removing an image from a gallery does not remove the image from the media library.
  5. To edit an image, click the pencil icon/button
    pencil icon.
    at top-right its thumbnail; when editing you can change the media item's name, the alternative text, or replace the image entirely.
  6. Save the page to commit the changes to the photo gallery.

Removing a Photo Gallery

  1. Assuming you are in the editing user interface, locate the photo gallery you wish to remove.
  2. Click the kebab icon ⋮ (vertical ellipsis) to the right of the paragraph name and select Remove; this will remove the photo gallery, but the images will remain in the media library:
    Location of the remove paragraph menu link.
  3. Save the page to commit the removal.

Example photo gallery