🎯 Purpose
The Icon List widget lets you create organized lists where each item combines an icon and text—ideal for highlighting features, services, benefits, or key points in a clean, visually appealing format.
⚙️ Core Features & Configuration
Dynamic List Builder
Easily add, remove, rearrange, or duplicate items.
Each entry includes a text label and optional link (customizable to open in new window or include nofollow).
Icon Integration
Select icons from the built-in library or any custom set.
Place icons before or after the text, depending on layout preference.
Alignment Control
Position the whole list—left, center, right, or justified—to match your design layout.
🎨 Styling & Customization
Icon Styling
Set icon size, color, spacing, and alignment relative to text.
Apply background shapes—circle, square, or custom—plus padding and hover effects.
Customize icon color for both default and hover states to enhance interactivity.
Text Styling
Choose typography settings: font family, size, weight, spacing, and decoration.
Set text color for normal and hover states.
Control spacing between icon and text as well as vertical spacing between list items.
🛠️ Advanced Features
Responsive Design
Adjust icon size, colors, padding, and layout for desktop, tablet, and mobile screens.
Interactive Effects
Add entrance animations or scroll-triggered effects to enhance user engagement.
Layout Controls
Use margin, padding, custom CSS classes, HTML attributes, positioning, and z-index for advanced placement.
âś… Best Practices
Use concise text labels for clarity and readability.
Choose icons that match your brand or content theme.
Apply consistent size, alignment, and spacing for visual harmony.
Add subtle hover color changes to indicate interactiveness when items are linked.
Ensure responsiveness so icons and text remain legible on all devices.
đź“Ś Ideal Use Cases
Feature or benefit lists on product or service pages.
Summaries of key specifications or offerings.
Step-by-step instruction lists or process overviews.
Navigation or quick links in sidebars or informational sections.
The Icon List widget offers a flexible and stylish way to present icon-text combinations—fully customizable with typography, color, spacing, and layout controls.
