Icon boxes are very useful when creating websites. The most common use is for sections that list features of products or services. In this video tutorial, you will see the various options you have to customize each element of this widget: the icon, the title, and the description. The icons are derived from Font Awesome Icons, and you can search for them and choose the right one.
Contents tab
In the content tab, you have full control over the content of the widget.
- Watch - Set the icon view to 'Default', 'Stacked' or 'Framed'. Stacked with a background and framed with a frame surrounding the icon.
- Choose icon - Here you have a list of the entire collection of Font Awesome icons.
- Title Description - Insert title and description of your Icon Box widget.
- Link to - Insert a link and choose if it will open in a new window.
- Icon position - Set the position of the icon on the left, top or right side of the box (in Mobile view it will remain centered).
- Title HTML tag - Choose the title tag, from H1..H6, Div, Span or P.
Style tab
1. Icon
- Primary color - note that if you choose a stacked or framed icon box, it will also have a secondary color.
- Icon spacing - The space between the icon and the header.
- Icon size - Scale up and down the size of the icon.
- Rotate icon - Rotate the icon.
2. Floating icon
Choose the primary and secondary color for the scroll icon.
Animation - Choose from a long list of animations for scrolling.
3. Contents
to. Qualification
- Alignment - Left, centers, right, or justified.
- Vertical alignment - Top, middle and button.
- Title spacing - Set the space between the title and the description.
- Title color - Change the color of the title.
- Typography - Here I can customize the typography of the title.
Yes. Description
- Color description - Change the color of the description.
- Typography - Choose custom to change the font, just like with the title.
Advanced
Set the advanced options that are applicable to this widget
