How To Use Masonry Gallery Widget Of EnterAddons

Masonry Gallery widget allow you to display images or other media content in a grid layout. This type of gallery widget is often used in portfolios, galleries, and other types of image-centric websites. You can easily build this widget with Enter Addons

Using Masonry Gallery Widget :

You can see the below video to get an insight into how you can use the Masonry Gallery Widget, Or you can follow the documentation whichever you find convenient.

Step1

Firstly, select the Masonry Gallery Widget from the menu bar on the left-hand side of your screen and drag and drop it in the selected area.

Secondly, from ‘Content‘ Tab you will get Masonry Gallery Content section.

Details of Category Tab Features :

After that, From Masonry Gallery Content > Gallery Select , you can add or select category tab or gallery respectively.

Also, from this section,You can add Filter Menu List clicking with ‘ADD ITEM’ button and remove clicking with ‘X’ button respectively.

Step2

Then From Style section you can find Button and Image respectively.

After that From ‘Button section you can add typography, margin and padding respectively in ‘NORMAL’ view.

Moreover, from this section, you can find ‘HOVER’ view

Step3

Details of Gallery Features:

Then , Again from Masonry Gallery Content > Gallery Select , you can add or select gallery that is shown below.

Also, from this section,You can add Filter Menu List clicking with ‘ADD ITEM’ button and remove clicking with ‘X’ button respectively

Then From Style‘ section you can find Gallery Image, Image Title, Image Description and Button respectively.

Then From ‘Gallery Image section you can add or edit image-gap, margin, padding, border-type, border-radius, box-shadow and background-type respectively.

After that From ‘Image Title section you can add or edit color, typography, margin, padding respectively.

Then From ‘Image Description section you can add or edit color, typography, margin and padding.

After that From ‘Button section you can add or edit typography, margin, padding, title-color, border-type, border-radius, box-shadow and background-type respectively in ‘NORMAL’ view.

Moreover, from this section, you can find ‘HOVER’ view also.

Final Step:

Finally, after finishing all the editing, click update, and then click on ‘Preview > Preview in new tab’ to see your work live. And that is given below:

That’s all

Write Your Comment