Icon Box

The Icon Box widget is a versatile tool for creating visually appealing boxes that combine an icon, a headline, and a description. These boxes are commonly used to highlight features of products or services.

View Live Demo

Content Tab

Icon Box

• Icon: Choose an icon to display in the icon box.
• View: Select the icon view style - Default, Stacked, or Framed.
• Title: Enter the heading for the icon box.
• Description: Provide the descriptive text that will appear below the title.
• Link: Insert a URL that the icon box will link to when clicked.
• Title HTML Tag: Select the appropriate HTML tag for the title, such as H1, H2, H3, etc., to ensure proper SEO and semantic structure.

Style Tab

Box

• Icon Position: Adjust the icon's position relative to the content.
• Alignment: Set the alignment of the entire icon box content, including the icon, title, and description.

Icon

• Color: Choose the color for the icon.
• Primary Color: Select the primary color when applicable, for example, when using a stacked or framed view.
• Spacing: Adjust the space between the icon and the title.
• Size: Set the size of the icon.
• Rotate: If desired, rotate the icon by degrees.

Content

• Title
  • Spacing: Adjust the space below the title.
  • Color: Choose a color for the title text.
  • Typography: Configure typography settings like font family, size, weight, and more.
  • Text Stroke: Apply a stroke effect to the title text and configure its width and color.
  • Text Shadow: Add a shadow to the title text and configure its properties.
• Description
  • Color: Choose a color for the description text.
  • Typography: Configure typography settings for the description text.
  • Text Shadow: Add a shadow to the description text and configure its properties.