- Adding Element
- Adding Multiple Images to Gallery
- Adding Items to Element
- Add Image Icon
- Dragging Images to Gallery
- Adding Multiple Images by Dragging
- Gallery Columns
- Gallery Image Gap
- Wide Option
- Dragging Area
- Double Click to Change Image
- Replace Image By Dragging
- SEO Alt Property For Gallery Images
- Hover Animation
- Text on Image While Editing
- Title and Text in Image Lightbox
- Text and Animation Properties
- Spacing Between Texts
- Proportional Image Resize in Responsive Modes
Use the Gallery Element to output images. This Element supports image hovering, and you can add texts and hyperlinks to the Hover Box.
Adding Elements to Gallery
You can add the Gallery Element from the Add Elements list in the Top Bar.
Adding Items to Gallery
Add Image Icon
You can add Items to the Gallery by clicking the Add Image icon.
Dragging Images to Gallery
You can add several images to the Gallery at once by dragging those images onto the Gallery Element.
Adding Multiple Images to Gallery
You can add multiple images to a Gallery by selecting several images in the Add Image dialog.
Adding Multiple Images By Dragging
You can drag several images from the PC desktop onto a Blank Block to automatically create the Gallery Element with those images.
Gallery Columns and Rows
Use the Columns and Rows properties to change the number of Gallery's columns and rows. You can also modify this number from the Context Toolbar.
Gallery Image Gap
You can use the Image Gap property to add spacing between images. By default, the Image Gap is 10px.
You can use the Wide option to fit the Gallery in the Block to the Page width.
You can move the Gallery by dragging it by the area around this Element.
Double Click to Change Image
You can double-click the Gallery Image to change it.
Replace Image By Dragging
You can replace the Gallery Images by dragging other ones from the desktop.
SEO Alt Property
The Gallery Images are SEO friendly, so search engines and can index them. When you add the Image Title, the SEO Alt option is filled automatically.
You can have the Zoom Effect on the Gallery Images on Hover.
You can set the Image Lightbox property to open the large Image view on click.
Text on Image While Editing
While editing the Title or Text in the Property Panel, you can see the Element changes directly in the Editor.
Title and Text in Image Lightbox
You can see the Title and Description of the Image in the Lightbox.
Text and Animation Properties
We have combined the Text and Animation properties into one panel. Now you can view the Hover Text for the current Image without hovering the mouse on it.
Spacing Between Texts
You can use the Spacing property to separate texts.
Now you can specify the number of Rows for the Gallery.
Proportional Image Resize in Responsive Modes
The Gallery Image resized proportionally in the Mobile Views.