Add Masonry Items
Posted: Sun Apr 20, 2025 4:21 am
To customize your gallery-
Add More Items: Click the Add Masonry Items button to increase the number of blocks in your masonry layout.
Insert Content: Each masonry item can contain any type of block, such as images, text, or videos. Add and arrange your desired content.
Step 4: Configure the Masonry Layout
Fine-tune the design by adjusting settings in the Content line data Tab.
Choisissez le style : Select between Masonry (staggered layout) or Grid (uniform rows and columns).
Number of Columns: Define how many columns your masonry will have.
Gap Between Items: Adjust the spacing between masonry items.
Enable Filtering: Toggle Show Filter by Category to group items into categories and allow users to sort them.
Tab Name (All): Set a custom name for the entire masonry tab.
Tab Direction: Choose the side for the tab: left, right, top, or bottom.
L'espace entre: Change the gap between the tab and the masonry items.
Step 5: Style the Masonry Design
Customize the appearance using the Style Tab.
For Masonry Items:
Rembourrage: Add space inside the items for better visuals.
Rayon de bordure : Adjust the roundness of item edges.
Type d'arrière-plan : Choose between solid color and gradient.
Borders and Box Shadow: Define border color, style, thickness, and shadow effects for both normal and hover states.
If you activate the filter item in the content tab, you can filter the elements of the masonry gallery.
Add More Items: Click the Add Masonry Items button to increase the number of blocks in your masonry layout.
Insert Content: Each masonry item can contain any type of block, such as images, text, or videos. Add and arrange your desired content.
Step 4: Configure the Masonry Layout
Fine-tune the design by adjusting settings in the Content line data Tab.
Choisissez le style : Select between Masonry (staggered layout) or Grid (uniform rows and columns).
Number of Columns: Define how many columns your masonry will have.
Gap Between Items: Adjust the spacing between masonry items.
Enable Filtering: Toggle Show Filter by Category to group items into categories and allow users to sort them.
Tab Name (All): Set a custom name for the entire masonry tab.
Tab Direction: Choose the side for the tab: left, right, top, or bottom.
L'espace entre: Change the gap between the tab and the masonry items.
Step 5: Style the Masonry Design
Customize the appearance using the Style Tab.
For Masonry Items:
Rembourrage: Add space inside the items for better visuals.
Rayon de bordure : Adjust the roundness of item edges.
Type d'arrière-plan : Choose between solid color and gradient.
Borders and Box Shadow: Define border color, style, thickness, and shadow effects for both normal and hover states.
If you activate the filter item in the content tab, you can filter the elements of the masonry gallery.