EnterAddons has introduced a new Info Box Carousel Widget! Now you can showcase your information boxes in a smarter and more stylish way. With exclusive features and flexible customization, this widget lets you create engaging, professional carousels that highlight content beautifully and enhance your website’s design.
What is the Info Box Carousel Widget?
The Info Box Carousel Widget is a design tool that allows you to display multiple information boxes in a sliding carousel format. Each box can include titles, descriptions, icons, or images, making it easy to highlight services, features, or key content in an interactive and visually appealing way.
How To Use Info Box Carousel Widget (Step-by-Step Process)
Step 1:
Firstly, select the Info Box Carousel 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 Info Box Content and Carousel Settings Section.
After that, from ‘Info Box Carousel Content’ section you can add info box carousel item with clicking ‘ADD ITEM’ button and remove any item with clicking ‘X’ button, and that is given below.
After that, from ‘Info Box Carousel Content’ section, you can edit title, description, ribbon text, Button text and Icon respectively. But you could select icon type between icon and Image if you choose Icon type image that is given below.
And you choose Icon type Icon that is given below.
Also from ‘Info Box Carousel Content’ section, you can show or hide Divider , Ribbon and Wrapper link.
Then from ‘Carousel Settings’ section you can set items ( number of slider ), autopay, mouse-drag, loop, center, animate-in, animate-out, nav, dots, auto-width, autopay timeout, smart-speed and margin respectively.
Step 2:
From ‘Style’ Tab you can stylize the widget. You will get the options Wrapper Settings, Content Area Settings, Title, Descriptions, Icon, Icon Divider Style, Ribbon, Image Style, Nav, Dot and Link Button Style.
After that from ‘Wrapper Settings’ section, you can edit content alignment, margin, padding, border-type, box-shadow, border-radius and background-type respectively. Also, you can find HOVER view effect from this section.
Then from ‘Content Area Settings’ section you can edit margin, padding, border-type, box-shadow, border-radius and background-type respectively.
Then from ‘Title’ section, you can edit color, typography, margin, padding respectively, that is given below.
Moreover, you can find HOVER view effect from this section, like below.
Then from ‘Descriptions’ section, you can edit color, typography, margin and padding respectively.
Then from ‘Ribbon’ section, you can edit color, typography, margin and padding, box shadow , border Radius, width , height and offset( top, left, right, bottom ) respectively.
Then from ‘Icon Style’ section, you can edit color, icon-size, icon-container-width, icon-container-height, margin, padding, border-type, box-shadow, border-radius and background-type respectively .Also, you can find HOVER view effect from this section.
Then from ‘Image Style’ section have Two Style Tab, you can image-container-width, image-container-height, margin, padding, border-type, box-shadow, border-radius and background-type respectively in Image Thumbnails Tab. Also, you can set Image width, Image height, Image max width, Border type and Border radius in Image Style Tab.
After that from ‘Icon Divider’ section, you can edit divider-width, divider-height, offset (top-position, bottom- position), margin, padding and background-type respectively.
Then, from ‘Link / Button Style’ section you can edit content alignment, text color, border-type, typography, margin, padding, background color, button icon space and icon size respectively. Also, you can find HOVER view effect from this section.
After that, from ‘Nav Settings’ section you can edit width, height, offset( top, bottom, left, right ) margin, padding, border-type, border-radius, nav-color and background-type respectively.
Then, from ‘Dot Settings’ section you can add alignment, height, width, icon size, margin, padding, border-radius, border-type and background-type respectively.
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