Feature List
List what you offer so its value is clear at a glance.
Feature lists with icons, images or numbers in six shapes, inline or grid layouts, a scroll-drawn connector, staggered reveal, badges and per-item colours.
Elementor widget
Requirements
- Elementor 3.5 or newer
- WordPress 6.2 or newer
- PHP 7.4 or newer
- Licence: Pro ($2 / year) — add it to the cart in Moduly
Add it to a page
- Edit the page with Elementor.
- In the widget panel, search for Feature List. Our widgets sit in the Moduly category and carry the Moduly badge.
- Drag it onto the page.
- Set it up in the Content tab, style it in the Style tab, and use Advanced for spacing, motion and visibility.
Settings
Features
| Setting | What you can set |
|---|---|
| Items | each item: Media, Icon, Image, Number / Text, Title, Description, Link, Badge, Highlight, Own Colours, … (13 in all) |
| List Default Icon | Used by items set to “List default”. |
| Numbers Start At | Number |
| Two-Digit Numbers (01, 02…) | On / off |
Layout
| Setting | What you can set |
|---|---|
| Layout | Vertical list, Inline (wraps) or Grid |
| Columns | Pick one |
| Media Position | Left, Top or Right |
| Alignment (media on top) | Left or Center |
| Media Vertical Alignment | Top or Middle |
| Icon Shape | None (just the icon), Circle, Rounded square, Square, Diamond, Hexagon or Blob |
| Shape Style | Soft tint, Filled, Outline or Gradient |
| Connector Line | A line joining the icons of a vertical list — a quick timeline or step list. |
| Line Style | Solid, Dashed or Dotted |
| Draw the Line on Scroll | On / off |
| Dividers Between Items | On / off |
| Arrow on the Content Box | Points the text box at its icon. Give the text a background in Style → Text. |
| List Tag | Automatic (ol when numbered), ul or ol |
| Title Tag | H2, H3, H4, H5, H6, div, span or p |
Hover & Reveal
| Setting | What you can set |
|---|---|
| Hover Effect | None, Lift the item, Grow the icon, Spin the icon, Fill the icon or Slide right |
| Reveal on Scroll | None, Fade up, Fade from the side or Zoom in |
| Delay Between Items (ms) | Number |
Style tab: design controls for Items, Icon / Image / Number, Text or Connector Line — colours, typography, spacing, borders and hover states.
Tips
- Start with the Layout choice — it changes the overall look the most; fine-tune the rest afterwards.
- Visitors who ask their device for reduced motion get a calmer, still version automatically.
Troubleshooting
- The connector is only drawn for vertically stacked icons (list layout); in grids and inline layouts it hides itself on purpose.
- Changes not showing on the live page? Regenerate CSS in Elementor → Tools → Regenerate CSS & Data and clear any page cache.
Related
- Also available for Gutenberg (Feature List).
- Works well with: Advanced Accordion, Advanced Toggle, Card.