Image Gallery - V2 Template

CTA Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt porttitor dui. Ut dictum, orci nec varius pulvinar, sapien felis fermentum neque, id bibendum sem justo et lorem.


Primary Button

Instructions - Multiple Image Galleries

How it Works

After any image is clicked, a pop-up window will open with arrows to scroll through all images within that album section. 

How to Set it Up 

Option 1 - copy this page, swap/delete/add images (and delete these instructions). To add more albums, duplicate an existing album section and give each image a related alternative description name.   

Option 2 - to build multiple galleries on another page, for each album:

  • add a full-width row to your layout
  • select this row and add the CSS Wrapper Class Name "gallery
  • nest additional rows within the full-width row (in this example, a 4 column row)
  • add each image as its own content item with a related alternative description to each image within the album
  • example:
    • album one: each image has a gal1 alt description
    • album two: each image has a gal2 alt description, etc.

image alt description example