Do you want to showcase your portfolio or share some cool photos with the world? You can do so in no time using the ‘Gallery’ Element.

To start making a gallery, drag and drop the ‘Gallery’ element from the ‘Elements’ section to the desired block on your Crafting Area.

Once you've added the element, you can start adding your favorite images right away. To do so, click on the ‘Gallery’ element and select ‘Edit Gallery Images’.

You can now select previously uploaded images, or upload new ones from your PC and Media, or check out the Free Stock for more vivid images.

You can add Alts, Titles, Descriptions and Descriptions for every single image as well as Links to redirect your visitors to other pages. To do so, simply select the image and you'll see the options available on the right.

What about changing the gallery parameters? Just click on the gallery area and opt for ‘Edit Gallery’.

Here and now, you have the following settings available and you’ll find a number of possibilities that will help you customize your gallery, so that it fits your needs perfectly.

• Layout
• Titles and Descriptions
• Tags
• Advanced Settings
• Effects

Let's start with the Layout.

Pick the desired one: Standard or Masonry.

Choose the number of images you want to have in one row here.

Likewise, you can change the Image Paddings both vertically and horizontally. Just move the controller and see what works best for you.

Make use of the switchers to add or remove the Gallery Tags, show the Titles and Descriptions and much more.

Default Aspect Ratio will be set to 1:1, but if you want to change that, you can choose desired aspect ratio from the dropdown menu.  

Up next you can make use of the switchers to add or remove the Gallery Tags, show the Titles and Descriptions and much more.  

Opt for the Advanced Settings to enable the Slider on Mobile, Slider Arrows on Mobile as well as the Load More option.

Move the green controllers to change the ‘Gallery’ element height or play around with the black ones to change the gallery margin.

Why not add some cool Effects to your Gallery: Hover or Loading, your choice!

Click on the desired one to select it and pick the colors you prefer for the Title, Description, Overlay and the Graphic Element on your Gallery using the Colors Tool.

You can go for the Loading Effects section and pick the one you want the same way. Click the Effect name on the left to preview how the effect will look like.

You may not like how your Galley is positioned on the page, never mind. To change that, click on the ‘Alignment’ icon to fix this.

Here and now, you’ll have three options available. You can align the image to top, center or bottom. 

Don't miss the Visibility Settings either!

This option enables making a certain Element appear on Desktop or Mobile only, or everywhere by default. Simply hit Visibility Settings and choose the desired option from the dropdown menu to get full control over the Visibility of the Gallery on your page.

Mind the Location visibility as well. Include or exclude specific cities or countries or set the appropriate Custom IP.

Don't forget to click ‘Save’ once you are done.

If for some reason you want to remove your gallery, click the ‘Trash’ button and hit ‘Delete’ to confirm your action. 

A child's play, right?

As you're reading this, our enthusiastic team is already working on implementing new elements and functionalities, stay tuned!

Here's another cool article to master the game of Images: Enhance your SpringBuilder website with powerful visuals!

So don't waste your time and make the most out of this element to add more features to your site! Always know we're just a step away so hit the Chat box in the lower right corner if you have any questions!   

Did this answer your question?