In this documentation, we will discuss the customization of the Advanced Image Gallery widget, brought to you by the Element Pack Pro addon.
Inserting The Advanced Image Gallery Widget
Open your page in the Elementor editor, search by the widget name, and then drag-drop it on the page.
Work With Content Tab
Image Gallery section
Go to Content > Image Gallery
Step-1
Find the Skin (Default, Hidden, & Carousel), Add Images, Image Size, and Image Mask options.
Step-2
Then find the Masking Shape (Default {20 shapes} & Custom Shape), Position, Size, and Repeat option under the Image Mask option.
Gallery Layout section
Go to Content > Gallery Layout
Find the Gallery Mode (Normal, Masonry, & Justified), Image Height, Columns, Column Gap, Row Gap, Show Lightbox, Link Type (icon, text, & image), Link Icon, and Show Caption options.
Additional section
Go to Content > Additional
Find the Spotlite Mode, Tilt Effect, Tilt Scale, Lightbox Animation (slide, fade, & scale), Lightbox Autoplay, and Lightbox Pause on Hover options.
Work with The Style Tab
Items section
Go to Style > Items
Step-1
Find the Border Type, Width, Color, and Border Radius options in Normal mode.
Step-2
Then find the Animation (15 styles), Glassmorphism, Color, and Gap options in Overlay mode.
Link Style section
Go to Style > Link Style
Step-1
Find the Color, Background Color, Border Type, Border Radius, Padding, Typography, and Box Shadow options in Normal mode.
Step-2
Also find the Color, Background Color, Border Color, and Animation (27 styles) options in Hover mode.
All done! You have successfully customized the Advanced Image Gallery widget on your website.
Video Assist
You can watch this quick video to learn about the Advanced Image Gallery widget. Please visit the demo page for examples.
Thanks for staying with us.
