Skip to main content

Search

Welcome to Support

How to create a Photo Gallery and add it to a page (Legacy content editor)

A Photo Gallery is a slideshow of your pictures on a legacy website. Create it at Content > Photo Galleries with Add Photo Gallery, add photos one at a time on its Gallery Edit page, then show it on a page from Content > Page Edit, or on your Home page from Content > Configurations > Home Page Layout.

Applies to: Org admins whose role includes Photo Galleries · All plans · Legacy content editor

Where: Content > Photo Galleries; Content > Page Edit; Content > Configurations > Home Page Layout

Create the gallery and add photos

First, check the gallery's image background color (Gallery colors, below): it fills the space around each photo as you add it.

  1. Go to Content > Photo Galleries and click Add Photo Gallery.
  2. Enter a Photo Gallery Name of up to 25 characters that none of your other galleries uses, and click Add. The gallery's Gallery Edit page opens.
  3. Under Step 2: Upload Photos, click Select and choose a picture: a JPG, JPEG, PNG, GIF, BMP or HEIC file of up to about 10 MB.
  4. Wait for it to upload. To choose a different picture instead, click Remove.
  5. Click Add. The photo joins the gallery's photos below.
  6. Repeat steps 3 to 5 for each photo.

What you'll see: each photo is resized to fit 1110 x 500 pixels on the Evolved layout, or 1780 x 600 pixels on Minimalist and other layouts, as the notes beside Photo(s) say. A photo of another shape isn't cropped; the space around it is filled with the gallery's image background color. Keep your own copy of the original, since the gallery stores the resized photo.

To rename the gallery, change Gallery Name under Step 1: Set up Gallery Configurations and click Save. You'll see "Photo Gallery configuration updated."

Arrange, caption and delete photos

  • Reorder: drag a photo by the handle under it. The slideshow follows this order.
  • See it larger: click a photo.
  • Caption and link: click the Edit icon (pencil) under a photo. Enter Text (up to 90 characters) and Subtext (up to 70) to show over the photo, choose their Size, Font and Horizontal Alignment, add a Click URL starting with http:// or https:// if the photo should open a page when clicked, and Alt Text (up to 125 characters) that describes the photo for screen readers. Click Save. A photo with text gets a text icon that shows its text when you point to it.
  • Delete: click the red X under the photo and confirm "Are you sure you want to delete the Image Library Image?"

Show the gallery on a page

  1. Go to Content > Page Edit and choose the page in Page to Edit.
  2. Click where the gallery should go.
  3. In the Content Builder, click the Photo Gallery button and click the gallery. In the Editor (after Switch to Editor), open the Photo Galleries drop-down and click the gallery.
  4. Click Save.

What you'll see: a placeholder picture in the editor where the gallery goes. On your website, the gallery shows there as a slideshow with arrows and dots. For more on Page Edit, see How to edit a page's content with Page Edit (Legacy content editor).

Show the gallery on your Home page

  1. Go to Content > Configurations > Home Page Layout.
  2. Click the Edit icon on the Photo Gallery row. If your layout has no Photo Gallery row, add it with Add Component first.
  3. In Photo Gallery, choose the gallery, or None for no gallery, and click Save. You'll see "The Page Layout has been updated."

Your Home page shows one gallery at a time, so to show photos from two seasons there, put them in the same gallery.

Gallery colors

The colors of every gallery, including its arrows, dots, text and text background, are on the Photo Gallery tab in the colors section of Content > Configurations > Site Layout. Gallery Images Bg is the color around each photo. It's added to a photo when you upload it, so set it before you add photos; photos already in a gallery keep the color they were added with. Caption text takes its color from this tab.

If it doesn't work

  • "No photo selected." You clicked Add before a picture finished uploading. Click Select, wait until the picture shows, then click Add.
  • "The Photo Gallery Name is already used. Please select a different name." or "Photo Gallery Name required." Enter a name none of your other galleries uses.
  • "Your current site subscriptions has a maximum of 5 photo libraries." or "Your current site subscriptions has a maximum of 20 photos per library." Your subscription limits galleries or photos. Delete a gallery or photo you no longer need, or contact TeamSideline Support about your subscription.
  • "Please begin your Click URL with http:// or https://" Type the full web address, beginning with http:// or https://.
  • The gallery's red X is grayed out. It's the gallery your Home page shows. Choose another gallery, or None, in Home Page Layout first.
  • A photo shows bands of color around it. Its shape doesn't match the gallery's, so the space is filled with Gallery Images Bg. Crop the photo to the gallery's shape before you upload it, or change the color and add the photo again.
  • Your Content menu has no Photo Galleries. Your organization uses Editor 2.0: see CMS: Add and edit a photo gallery.

Good to know

  • Deleting a gallery takes it off your Photo Galleries list but not off the pages you put it on. Remove it from those pages in Page Edit too.
  • A photo with a Click URL opens that page in a new browser tab, on your Home page and on other pages.

Related articles