Elements: Image Galleries

How to add, move, and modify image galleries on your website pages

When you have multiple images, photos, or pictures you want to display on the same page, image galleries make it easy to do this in an elegant and responsive way. You can add image galleries as elements to your pages.

Add image galleries to pages

1. Navigate to the page and click Edit this page at the top right of the screen:  
2. Below the Title, in in the Main Body Content area, locate the + icon  to the left of the location where you want to add an image, and click the icon to bring up the Insert Element menu (if you don't see these icons, simply click to the left, outside of the Main Body Content area, to make them appear)
3. Choose the Image Gallery element and click Insert in the top-right corner: 
4. Locate the first image from your Content Library you want to include and click on it to select it. If you don't see the image you're looking for, you can either:
   1. Upload an image by clicking Upload from your computer
   2. Use one of our free stock photos by clicking Select from stock photography
5. Once you have the first image selected, you can select additional images, even if they are not located near one another in your library. To do this:
   1. (Windows) Press and hold the Control key on your keyboard:  
      (Mac) Press and hold the Command key on your keyboard:
   2. Click each image to select it (but keep holding down the key on your keyboard!)
   3. If you selected the wrong image, keep holding down the key, and then click on the image again to deselect it

2. Once you have all of the images you want to include, click the Select button in the top-right corner: 

Add images to an existing image gallery

1. While editing a page with an image gallery, you can add more images to the gallery by clicking the Add image button near the bottom of the gallery element:
2. Locate the first image from your Content Library you want to include and click on it to select it. If you don't see the image you're looking for, you can either:
   1. Upload an image by clicking Upload from your computer
   2. Use one of our free stock photos by clicking Select from stock photography
3. Once you have the first image selected, you can select additional images, even if they are not located near one another in your library. To do this:
   1. On Windows, press and hold the Control key on your keyboard:  
      Or if using a Mac, press and hold the Command key on your keyboard:
   2. Click each image to add it to your selection - remember to keep holding down the key as you click
   3. If you selected the wrong image, keep holding down the key, and then click on the image again to deselect just that image. 
4. Once you have all of the images you want to include, click the Select button in the top-right corner: 

Move and reposition an image gallery

1. While editing a page, hover your mouse cursor over the image gallery
2. Locate the blue cross icon   near the top-right corner of the gallery
3. Click, hold, and drag your mouse to move the gallery up or down the page

Add captions to images in an image gallery

1. While editing a page, locate the "Gallery image caption text" field next to the image  that needs a caption
2. Type your caption in the box, and the text will be automatically saved as a caption if you save the page

Reorder images in an image gallery

1. While editing a page, locate the "handlebars" next to each image in the gallery:
2. Click and hold the handlebar of image you want to move
3. Drag your mouse cursor to move the image up and down the gallery

Remove images from an image gallery

1. While editing a page, locate the red trashcan icon next to the image you want to remove:  
2. Clicking it will remove the image from your gallery, but not from your content library

Related Keywords: picture gallery, image gallery, photo gallery, slideshow, slide show