Add an Image Gallery

Image galleries help organize a collection of images into a single object on the page. 

Images & Galleries


Add an Image Gallery to your page


  1. While editing a page, open the left Sidebar. 
  2. Select the "Images" tab, then select the "Galleries" tab. Select an Image Gallery Type:  
    • Grid - All Images appear cropped to the same size.
    • Masonry - Images appear stacked in columns of varying heights.
    • Justified - Images appear displayed in even rows with varying widths.
    • Tile - Focus on a single image with rest of images displaying as thumbnails. 
    • Slider - Single image displays at a time with navigation controls. (More info here)
  3. Drag any Image Gallery layout onto the page. 
  4. Click "Add Image" to begin adding images to the site menu. 
  5. Click "Save" and "View Live" to see your beautiful new slider image gallery.


Add images to an Image Gallery


  1. Select the Image Gallery while editing a page.
  2. Click the "Add Image" button located on the top centre of the Image Gallery. 
  3. Select an already included image from the left side bar,  or Click "Upload Image" to load a new image. 
  4. Click "Save" and "View Live" to see your beautiful new slider image gallery.


Replace or Remove images from an Image Gallery


  1. Select the Image Gallery while editing a page.
  2.  Double click the image you would like to replace or remove. 
  3. Click "Replace Image" to replace the image, or the Trash can Icon to remove the image from the gallery. 
  4. Press "Done Editing" to exit the Image Gallery editor. 
  5. Click "Save" and "View Live" to see your beautiful new slider image gallery.


Reordering images in an Image Gallery


  1. Select the Image Gallery while editing a page.
  2. Click "Edit Gallery". 
  3. You can click and drag to reorder images. 
  4. For Slider Image Gallery, you can click "Sort" for a linear view of the images. 
  5. You can reorder the images to appear in the order you would like. 
  6. Click "Done sorting" to save your image ordering.
  7. Click "Save" and "View Live" to see your gallery in action


Adjust Style of Image Gallery


  1. Select the Image Gallery while editing a page.
  2. Click "Edit Gallery".
  3. The Editing menu will appear with the Gallery, Style, and Lightbox tabs.  
  4. Select the Gallery tab to change the gallery type.
  5. Select Style to adjust the image ratio and layout of different gallery types.
  6. Select Lightbox to allow the images to appear larger when clicked in live mode.  (More info on Lightbox here)
  7. Click "Done sorting" to save the changes to your gallery.
  8. Click "Save" and "View Live" to see your gallery in action.


User Icon

Thank you for your feedback!

Was this article helpful?
Thank you for your feedback!