The list info box allows you to display your content text in a list layout.Each item in the list can have an icon, heading and sub heading, and a short text.You can style everything from the text to the icon with the possible use of a custom style for each item.
Here are the options available in this widget.
The content section is where you will manage your list content.You can add an item to the list by clicking on the add item button at the bottom of this section.
Under the styling tab section, you will have the full control over the styling & design of all you interactive icon box widget elements, you can change the sizes, colors, backgrounds...
Customize the text properties and colors for the heading, sub heading and short description text.Change the font family, font size, line-height, letter spacing...
-Colors : Customize the color of your text elements for the heading, sub heading, and short text.You can also change the heading on hover color
Alternate the style for the list connector.
-Connector Type : Select the connector type for the options available or select none to disable it.
-Connector Color : Customize the color for the connector.
-Connector Width : Change the size of the connector by controlling its width
Control everything about your icon and customize the color schemes.
-Icon and background size : Control the icon size and the background size to create a unique design.
-Normal & Hover : Select which widget state you want to customize.Normal for the idle state of the widget and hover for when the widget is being hovered.Note that all the remaining options of this section will only affect the selected state.
-Icon Hover Effect : This option will only available when the hover state styling is selected.You can select one of the many hovering animations available in the list.
-Colors : Customize the color for both the icon and the icon background.
-Radius, Border & Box Shadow : Customize the icon background radius to change its shape and add a border and a box shadow to add even more design to this element.
Control the margins & distances between each of the widget elements to create your own layout.
If you can't find what you are looking for any our documentation website, please feel free to open a support ticket & get help from our support team.