Gallery

Author: Jade Abit 3589 views

If you are looking for an Element that can help you display a group of images and allows you to easily add and style beautiful image pop-up galleries on your page. Gallery Element will be the perfect choice for you.

From the left side (Elements tab), you will see the Gallery element in the list of elements. Drag and drop it to any position of the selected structure. This element allows you to build so many beautiful layouts for your page.

1. How to manage images in the Gallery

Firstly, click Add more button to add more images to the Gallery. Here you can upload a certain number of images that you want to show on the Gallery element.

You can also Remove/ Move/ Add link/ Add Caption to these images. Please check the video below:

Images per row: This option allows you to configure the number of images that you want to show per row.

3. Enable Overlay

Overlay: a color that darkens or fades the image to make text easier to read.

For example: Add a black overlay with 0.45% opacity → White text becomes much clearer.

4. How to open the Gallery image as a pop-up?

Click open a lightbox: If you want that when you click to image in the gallery, it will expand the image in a pop-up. For this effect, we will have to choose the Media File for the Link option and select Yes for the Click open a lightbox option.

Please check out the video below for an easier visualization.