Gallery Masonry
How To Use A Gallery Masonry Widget Of UBE Addons
Gallery Masonry widget allows you to create interactive media galleries with many styling & customization options width layout masonry. You can set the number of columns and choose between various skins and hover effects.
In addition, you can add titles and style them to match your theme and your media.
Using Gallery Masonry:
You can see the below video to get an insight into how you can use the Gallery Masonry Widget to create beautiful designs. Or you can follow the documentation whichever you find convenient.
How to Activate Gallery Masonry
To use this UBE Addons element, find the ‘Gallery Masonry‘ element from the Search option under the ‘ELEMENTS‘ tab. Simply just Drag & Drop the ‘Gallery Masonry‘ into the ‘Drag widget here‘ or the ‘+’ section.
How to Configure Content Settings
Under the ‘Content’ tab, you will find the Gallery sections.
From the Gallery section,
| Add Images | Select multiple images from the gallery |
|---|---|
| Image Size | Select the image size |
| Column | Enter number of columns, you can choose the number of columns according to each screen |
| Column Gap | Distance between images |
| Hover Effect | Select the effect for the image’s overlay on hover |
| Hover Image Effect | Select the effect for the image on hover |
| Transition Duration | Enter the speed of the effect in milliseconds, the larger the number, the slower the speed |
| Show Caption | Allows to show caption or not and always show or only display on hover |
How to Style Gallery Masonry
Switch to the ‘Style’ tab to style all the elements of Gallery Masonry.
Gallery
‘Gallery’ section lets you add ‘Border Radius’, ‘Background Overlay Color’ (this feature is only visible when captions are allowed) to the images.
Image
‘Image’ section lets you add ‘Opacity’, ‘ images.
Caption
‘Caption’ section lets you add ‘Text Color’, ‘Typography’, ‘Padding’ to the caption of images (this feature is only visible when captions are allowed.).
Final Outcome
By following these mentioned steps and a bit more modifying & styling, you can easily design your Gallery Masonry as per your preference.
By using UBE Gallery Masonry, this is how you can easily put the spotlight on your significant contents & make them appealing to your visitors.
Getting stuck? Feel to Contact Our Support for further assistance.