Overview
The Icon Box widget in SiteCraft allows you to display icons with titles and descriptions in a structured and visually appealing layout. It’s perfect for highlighting features, services, or key information with clear visual cues.
Key Features
- Icon, title, and description support
- Icon position control (top, left, right)
- Multiple layout styles (if available)
- Icon library integration
- Custom link support
- Alignment and spacing control
- Hover effects and animations
- Fully responsive design
How to Enable the Widget
Before using the Icon Box widget, make sure it is enabled.
Steps:
- Go to SiteCraft → Dashboard → Widgets
- Find Icon Box Widget
- Toggle to enable it
- Click Save Changes
How to Add the Widget in Elementor
- Open your page with Elementor Editor
- Search for “Icon Box” under SiteCraft widgets
- Drag and drop it into your section
- Add content and customize styles
Content Settings
Manage icon box content and structure.
Options:
- Icon – Choose icon from library
- Title – Enter heading text
- Description – Add supporting content
- Link – Add URL (optional)
- Icon Position – Top, Left, Right
- Alignment – Left, Center, Right
Style Settings
Customize the visual appearance.
Available Controls:
- Icon Styling – Size, color, background
- Typography – Title and description styling
- Text Color – Customize colors
- Spacing – Control gap between elements
- Box Styling – Background, padding, border, shadow
- Hover Effects – Animations and transitions
Advanced Settings
Fine-tune layout and responsiveness.
Includes:
- Margin & padding
- Responsive visibility
- Motion effects
- Positioning
- Background & border
Use Cases
Perfect for:
- Service highlights
- Feature sections
- Process steps
- Info boxes
Result
You can now create structured and visually engaging content blocks using the SiteCraft Icon Box Widget, making it easy to highlight important information.