How To Use Image Slider Widget Of EnterAddons

Image Slider widget allows you to display a set of images one after another in a row or column. You can add multiple images to display as slideshow. You can build this widget easily with EnterAddons

Using Image Slider Widget :

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

Firstly, select the Image Slider 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 Slider Content and Slider Settings

After that, from Slider Content section you can image slider ( title, sub title and image ).

Then, from Slider Settings section you can add items, margin, padding, auto play, mouse-drag, loop, center, animate( in / out ), nav, dot, auto-width, auto play-timeout and smart-speed respectively.

Step2

From ‘Style’ section you can stylize the widget. You will get the Content Wrapper Settings, Item Wrapper Settings, Item Image Settings, Into Style Settings, Nav Settings and Dot Settings section.

Then, from Content Wrapper Settings section you can add margin, padding, border-radius, box-shadow and background-type respectively.

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

Then, from Item Image Settings section you can add border-type, border-radius and box-shadow, and that is given below.

After that, from Info Style Settings section you can add content vertical position, content horizontal position, content text alignment, padding, border-type, border-radius, box-shadow and background-type, and that is given below.

Then, from Nav Settings section you can add nav top position, nav bottom position and nav wrapper settings respectively.

After that, from Dot Settings section you can add width, height, margin, padding, border-type, border-radius, box-shadow and background-type respectively.

Step3

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

That’s it.