Icon Box Element
The Icon Box Element will provide to be useful when you want to display services, or any usage of lists in a fashionable manner. The element will provide an icon, title and description, as well as a bountiful of options that you can configure to style and design the icon box and make match it to your site's design.
Content Tab
Icon Box
- Icon - Choose an icon from the Icon Library and place it on your design
- View - Choose a view style for icon, you can select either from Default, Stacked, or Framed. If you choose either Stacked or Framed view, you can select the shape for the icon to either be Circle or Square
- Title & Description - Set the title and the description for the icon box
- Link - Enter the URL to link the icon box
- Icon Positioning - Position the icon either on the Left, Center, or Right
- Title HTML tag - Set the HTML tag for the title
Style Tab
Icon
You can choose either Normal or Hover State
- Primary Color - Set the primary color for the icon
- Secondary Color - This option will become available is the view Stacked of Framed is choose. Set the secondary color for the icon
- Spacing - Set the spacing between the icon and the title
- Size - Select a size for the icon
- Padding - Set the padding value for the inner space of the icon
- Rotate - Rotate the icon to set to a preferred position
- Border Radius - Set the border-radius for the icon
Content
- Alignment - Align the content either to the Left, Center, Right, or Justified
- Vertical Alignment - If you align icon positioning to either be left or right, you can set its vertical alignment either at the Top, Middle, or Bottom
Title
- Spacing - Set the spacing between the title and the content
- Color - Select a color for the title of the icon box
- Typography - Tweak the typography options for the title
Description
- Color - Select a color for the description of the icon box
- Typography - Tweak the typography options for the description
Set the settings for the Advanced Tab that is appropriate for the element.