Special Summer Offer! Get up to 40% OFF

Documentation

Info Box Carousel Widget Overview

Info Box Carousel widget is used to display multiple information boxes in a sider or carousel manner. There are multiple alterations that you can do to the infobox to make them look impressive and increase their functionality.

Content Tab#

There are  2 subsections in the content tab-

  • Info Boxes - Here you can alter the individual infoboxes and alter their properties like icon, title, text, and content. You can add multiple Infoboxes and give them proper title tags as well.
  • Carousel Settings - Carousel settings have the option to choose the transition effect, the number of visible items, Items Gap, Navigation settings etc.

Style Tab#

Here you can make multiple changes to the page which will style the page. There are 7 subheadings in this section-

  • Info Box - Helps in changing the alignment.
  • Icon Style - Helps in hanging the icon settings - Size, Background color, icon color, icon rotation, padding, margin and the border-radius.
  • Title - Helps in changing the title settings - Color, typography, margin settings etc.
  • Description - You can change the typography, margin bottom, and color of the description.
  • Button - Here you can change the button size, and change the background color, text color, border type, border radius, typography, and padding.
  • Arrows - Here you can change the arrow style, arrow size, align left arrow, align right arrow, background color, and the border-radius, and padding.
  • Dots - Here you can change the position of the dots, size, spacing, color, radius, margin, and border-radius.

Advanced Tab#

This Tab as five subsections-

  • Element Style - Here you can change the margin, padding, z-index, entrance animation and add CSS ID and classes.
  • Background - Here you can set the background as classic or gradient and can even add the hover effects.
  • Border - Here the properties related to the border is defined like border type, radius, box shadow, and hover effects.
  • Responsive - Here you set the responsiveness of the different devices to be active or not.
  • Custom CSS - This lets you add CSS code to the widget, and you can see it render live right in the editor.

Not the solution you are looking for?

Please check other articles or open a support ticket.

Download PowerPack Free

Subscribe to receive latest updates, announcements, offers, deals & discounts.