🌐 Websites -WT (How to use Gallery Element)

  1. Overview
  2. 🌐 Website Builder & Domains
  3. 🌐 Websites -WT (How to use Gallery Element)

GALLERY ELEMENT 

Gallery allows you to showcase a collection of images or media in an organized and visually appealing manner. It is commonly used to display portfolios, photo albums, product images, event photos and more. They enhanced the user experience by presenting content in a structured and interactive way, allowing visitors to view and engage with images easily. 

 

How to use the Gallery Element? 

 
STEP 1: Simply drag and drop the element inside your section/layout. 

 

STEP 2: Click on the image wrapper so the Gallery settings box will appear. 
 
 

GALLERY POP-UP SETTINGS  

 
1. 1ST ICON 

This setting allows you to personalize the number of showcased photos and control spacing with our gallery settings. Craft your visual story just the way you envision it. 

 

2. TAG SETTINGS 

Refer to a feature that allows you to categorize and label images or items within the gallery.  

 
3. COLOR 
Color is a powerful design element used in a wide range of contexts. With this option you can change the background, text, border and shadow color of your gallery element. 

 

4. TRANSFORM 

This is often used in conjunction with transitions to create visually appealing interactions. 

 

5. Animations  
Employ this feature to infuse dynamic and visually engaging moments or changes into elements on your webpage. It captures user attention, enhances the user experience, and makes your website more interactive and attractive. 

 

6. Toggle Free Form Drag Positioning: 
This enables you to move elements by clicking and dragging them with a mouse cursor. The term "freeform" indicates that users have greater flexibility and control over the positioning of these elements, often without predefined alignment or snapping. 
 

6. Center Alignment 
This option allows you to align your element to the left, right, center, or justify it. 

 

7. Select Parent Element 
Use the "Arrow Up" button to select the parent element, targeting the container or enclosing element that holds a specific HTML element within the webpage's document structure. 

 

8. MOVE 

Utilize the icon resembling a cross with an arrowhead to relocate an element to your preferred location within the section of your layout. 

 

9. Clone 
Easily duplicate or copy your element. 

 

10. Trash Bin Icon: 
Delete a specific element when it's no longer needed. 

 

These comprehensive instructions and explanations should empower you to effectively utilize and customize forms within the Web Builder for your project. 

 
 

Was this article helpful?