Content · Elementor
Feature List widget for Elementor
A list of benefits with icons — product or service points, not a post query.
Get King Addons
This page describes the PHP/JS for this widget — not a renamed stub. Install the free plugin from WordPress.org.
What it actually does
A list of benefits with icons — product or service points, not a post query.
How to add it in Elementor
- Install King Addons. Install Elementor and King Addons. Get King Addons from WordPress.org.
- Edit with Elementor. Open a page and click Edit with Elementor.
- Insert the widget. Search the panel for “Feature List”. Typing “king” lists every King Addons widget.
- Set inspector controls from this widget’s PHP. Configure “Layout”, “Vertical Align”, “Alignment”, “Icon Shape”. Style and Content tabs are listed on this page.
When to use it
- A pricing page feature column.
- A product “what you get”.
- A comparison of included items.
Inspector controls from this widget’s PHP
| Control | What the code does |
|---|---|
| General — Layout | Writes CSS `justify-content` onto the widget’s front-end markup. Options: Left; Center; Right. |
| General — Vertical Align | Writes CSS `align-items` onto the widget’s front-end markup. Options: Top; Middle; Bottom. |
| General — Alignment | Writes CSS `align-items` onto the widget’s front-end markup. Options: Left; Center; Right. |
| General — Icon Shape | Options: Square; Rhombus. |
| General — Image Size | Elementor image-size group (thumbnail, medium, large, full, custom). |
| General — Title HTML Tag | The chosen value is read in render() and applied on the front end. Options: H1; H2; H3; H4; H5; H6; div; span…. |
| General — Show Line | Switcher inspector control (`king_addons_feature_list_line`). |
| General — Vertical Spacing | Writes CSS (king-addons-feature-list-item, margin-bottom) onto the widget’s front-end markup. (min 0, max 100). |
| General — Horizontal Spacing | Writes CSS (margin-right, margin-left) onto the widget’s front-end markup. (min 0, max 100). |
| General — Title Distance | Writes CSS `margin-bottom` onto the widget’s front-end markup. (min 0, max 100). |
| General — Media Distance | Writes CSS `margin-bottom` onto the widget’s front-end markup. (min 0, max 100). |
| Repeater List (Content) — Media Type | Options: Icon; Image. |
| Repeater List (Content) — Select Icon | Icon rendered with Elementor Icons_Manager in this widget’s HTML. |
| Repeater List (Content) — Choose Image | Media Library attachment(s); render() uses the URL/ID as the image source. |
| Repeater List (Content) — Title | Text inspector control (`king_addons_feature_list_list_title`). |
| Repeater List (Content) — Title Link | Elementor URL control (href, new tab, nofollow) applied to a front-end link. |
| Repeater List (Content) — Description | Textarea inspector control (`king_addons_feature_list_description`). |
| Repeater List (Style) — Custom Styles | Switcher inspector control (`king_addons_feature_list_custom_styles`). |
| Repeater List (Style) — Title Color | Writes CSS `color` onto the widget’s front-end markup. |
| Repeater List (Style) — Icon Color | Writes CSS (color, fill) onto the widget’s front-end markup. |
| Repeater List (Style) — Icon Bg Color | Writes CSS `background-color` onto the widget’s front-end markup. |
| Repeater List (Style) — Icon Border Color | Writes CSS `border-color` onto the widget’s front-end markup. |
| Content — Repeater List | Repeater rows; render() loops each item to build the list or slides. |
| Media — Color | Writes CSS (color, fill) onto the widget’s front-end markup. |
| Media — Background Color | Writes CSS `background-color` onto the widget’s front-end markup. |
| Media — Border Color | Writes CSS `border-color` onto the widget’s front-end markup. |
| Media — Icon Size | Writes CSS (font-size, width, height) onto the widget’s front-end markup. (min 5, max 100). |
| Media — Box Size | Writes CSS (width, height) onto the widget’s front-end markup. (min 5, max 200). |
| Media — Border Type | Writes CSS `border-style` onto the widget’s front-end markup. Options: None; Solid; Double; Dotted; Dashed; Groove. |
| Media — Border Width | Writes CSS `border-width` onto the widget’s front-end markup. |
| Media — Border Radius | Writes CSS `border-radius` onto the widget’s front-end markup. |
| Line — Color | Writes CSS `border-color` onto the widget’s front-end markup. |
| Line — Width | Writes CSS `border-left-width` onto the widget’s front-end markup. (min 1, max 10). |
| Line — Type | Writes CSS `border-left-style` onto the widget’s front-end markup. Options: Solid; Dashed; Dotted. |
| Title & Description — Color | Writes CSS `color` onto the widget’s front-end markup. |
| Title & Description — Typography | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-feature-list-title`. |
| Title & Description — Color (King Addons Feature List Description Color) | Writes CSS `color` onto the widget’s front-end markup. |
| Title & Description — Typography (King Addons Feature List Typography Description) | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-feature-list-description`. |
Content and Style tabs from this widget’s PHP, including repeater fields and group controls (typography, background, border, shadow). Elementor’s Advanced tab is core Elementor and is not listed here.
FAQ
What does Feature List actually change on the page?
A list of benefits with icons — product or service points, not a post query. Inspector labels from this widget’s PHP include “Layout”, “Vertical Align”, “Alignment”, “Icon Shape”.
How do I add Feature List in Elementor?
Install King Addons and Elementor, edit a page, search the panel for “Feature List”, drag it onto the canvas, then set Content and Style.
Do I need Elementor Pro?
No. King Addons runs on free Elementor. Some King Addons options (for example template-in-accordion, extra popup conditions, parts of the template catalog) need King Addons Pro — not Elementor Pro.
Related content widgets
Taxonomy List
A list of categories or tags as a navigation block.
Global Section & Container
Renders a saved Elementor section or container so you can reuse a header strip or CTA without duplicating it.
Page List
A structured list of pages (children, selected pages) for a mini sitemap or docs nav.
Accordion
Collapsible panels for FAQs, policies, and long answers. One heading per panel; the body stays hidden until the visitor opens it.
Advanced Blog Posts Carousel
A carousel of blog posts with image, title, and meta — lighter than a full magazine grid.
Advanced Callout Box
A note, tip, or warning box with an icon and optional button.
Get King Addons
One free plugin. 80+ Elementor widgets, 650+ templates, and 4,000+ sections. Search for Feature List after you activate it.