Widgets & Extensions

⌘K
  1. Home
  2. Docs
  3. Widgets & Extensions
  4. Exclusive Pro Widgets
  5. Icon Box Widget Documentation

Icon Box Widget Documentation

How to configure and style Elementor Icon Box Widget

Showcase Elementor icons with details like label, title, description and URL. Create a unique design to display icon on your WordPress site using Icon Box Widget of Exclusive Addons Elementor.


STEP 1:

Select the ‘Icon Box‘ widget from Elementor panel. Then drag and drop it in the selected area.

STEP 2:

Content tab allows you to configure the Icon Box. You can choose Icon, and set Title, Description, and URL. Also can Enable Label, and add Label Text.

STEP 3:

Style tab allows you to customize Container, Label, Icon, Title, and Description section of the Icon Box.

3.1 In Container section, you get to choose, Alignment, Padding, Border Radius, Border Type, and Box Shadow.

Besides, Background Type, & Color can be set individually for both ‘Normal’ and ‘Hover’ state.

3.2 In Label section, set its position by adjusting X-Offset and Y-Offset value. You can change Background Color, Text Color, Typography, Padding, Border Radius, and Z Index of the section.

3.3 In Icon section, you have the option to Enable Icon Box and adjust its Height-Width as well as Size and Border Radius. Set different Background Type and Color for ‘Normal’ and ‘Hover’.

3.4 For Title, you can set Typography, Margin. Use separate Text Color of ‘Normal’ and ‘Hover’ state.

3.5 For Description, you can set Typography, Margin. Use separate Text Color of ‘Normal’ and ‘Hover’ state.

STEP 4:

Finally, hit the Update button, and include a stylish Icon Box widget on your Wordpress site.

Checkout Stylish demo of Icon Box Widget

How can we help?