How To Use Card Carousel Widget Of EnterAddons

Card Carousel widget allows you to display a set of information in carousel format . You can add multiple item to display as slideshow with EnterAddons

Using Card Carousel Widget :

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

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

After that, from Card Carousel Content section you can add Item clicking with ‘ADD ITEM’ button and also you can remove item clicking with ‘X’ button.

Then, from Slider Settings section you can add number of items, 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, Card Item Wrapper Settings, Title , Descriptions, Icon Wrapper, Icon, Image Icon, Icon Divider Style, Carousel Nav Settings and Carousel Dot Settings section 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 Card Items Wrapper Settings section you can add margin, padding, border-type, border-radius and box-shadow and background-type respectively and that is given below.

After that, from Title section you can add title color, typography, margin and padding respectively.

Moreover, from this section you can see HOVER effect also.

After that, from Descriptions section you can add description color, typography, margin and padding respectively.

Moreover, from this section you can see HOVER effect also.

Then, from Icon Wrapper section you can add icon-wrapper-width, icon-wrapper-height, margin, padding, border-type and border-radius respectively.

After that, from Icon section you can add icon color and icon size respectively.

Moreover, from this section you can see HOVER effect also.

Then, from Image Icon section you can add image-width, image-height, border-radius and border-type respectively.

Then, from Icon Divider section you can add show divider( show / hide ) with option, divider-width, divider-height, top-position, bottom-position, margin, padding and background-type respectively.

Then, from Nav Settings section you can add width, height, margin, padding, border-type, border-radius, box-shadow respectively in NORMAL view.

Moreover, from this section you can see HOVER effect also.

After that, from Dot Settings section you can add dot-point-color, border-type and background-type respectively.

Moreover, from this section you can see dot in ACTIVE mode also.

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.