The icon box is a widget that allows you to display information about your website or business services with unique and modern design layouts, Apply multiple hover effects & custom styles for the icon, heading, sub-heading & the short description text.
Lets go over the details of this amazing widget.
In the content section you can define all the elements of your icon box.
Under the layout section, you will be able to control icon position and the overall layout of the widget.
Under the styling tab section, you will have the full control over the styling & design of all you icon box widget elements.You can change the sizes, colors, backgrounds...
Control everything about your icon, and change the image settings if you are using that instead.
-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 icon color scheme using either a solid or gradient color with the possibility to control the direction of the gradient.The background color can also be changed.
-Borders & Shadows : Control border for your icon & apply custom box shadows.
-Rotation & Margins : Rotate the icon and icon background and control the icon area margins.
Customize the text properties for the title, sub heading & short description text.Change the font size, letter spacing... choose from hundreds of Google font families.
-Colors : Customize the color of your text elements, with the possible use of gradient color for the title and sub heading.You can also specify a hover color for the title.
-Shadows & Distances : Apply a shadow for the title and sub heading to create a unique design and control the margins & distances between each element 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.