Cyber Week Sale Extended! Get a Flat 50% Discount on Everything, Coupon: TLBF23

Learn More
X

How To Use Image Gallery Widget Of EnterAddons

Image Gallery widget allows you to display all your images in a beautifully justified gallery . Also you can build different type of image gallery with an unique style for your website with EnterAddons .

Using Image Gallery Widget :

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

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

Step1

Secondly, from ‘Content’ Section you will get Gallery Settings, Image Gallery Content section.

After that, from Gallery Settings section, you can edit grid-column, grid-gap, overlay-active ( show / hide ), Image-width, Image-height. Also from this section, Under Gallery Settings > Image Settings, you can edit Image-width, Image-max-width, height.

And Under Gallery Settings > Popup Link , you can set link-type, image-icon-show ( always / hover ).

Moreover, Under Gallery Settings >Title / Tags , you can change show-title ( show / hide ), title-show-on ( always / hover ), title-horizontal-alignment ( left,center, right ) and title-vertical-alignment ( top, center, bottom ) respectively.

Below image display icon-show-on( always ) and title show ( always ) with active overlay.

Moreover, you can display icon-show-on( hover ) and title-show ( hover ) with active overlay, and that is given below.

Then, from Image Galley Content section, you can add item clicking with ‘ADD ITEM’ and remove item clicking with ‘X’ button. Also, you can add image, edit title, tags and link respectively, and that is given below.

Step2

From ‘Style’ section you can stylize the widget. You will get the Content Wrapper Settings, Item Settings, Item Overlay Settings, Text Settings, Tags Settings and Popup Icon Settings respectively.

After that, from Content Wrapper Settings section you can add margin, padding, border-type, border-radius, box-shadow and background-type respectively, and that is given below.

Then, from Item Settings section you can edit margin, padding, border-type, border-radius, box-shadow and background-type respectively.

Then, from Item Overlay Settings section you can edit padding and background-type respectively.

After that, from Text Settings section you can edit title color, typography, margin and padding respectively.

Then, from Tags Settings section you can edit tags color, typography, margin and padding respectively.

After that, from Popup Icon Settings section you can edit icon-color, icon-hover-color, icon-size and icon-position ( top, bottom, left, right ) respectively.

Moreover, from this section, after clicking popup icon, you can see Gallery Image Popup view also, as like as below.

Step3

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

That’s it.