Theme Builder · Elementor

TB - Featured Image widget for Elementor

TB - Featured Image is a Theme Builder field. Add it on a King Addons Theme Builder template (single, archive, 404) so it can read the current query — not on a generic landing page.

Theme Builder widget. Place this on a Theme Builder template (single, archive, 404) so it can read the current query.

Get King Addons

This page describes the PHP/JS for this widget — not a renamed stub. Install the free plugin from WordPress.org.

Get King Addons

What it actually does

TB - Featured Image is a Theme Builder field. Add it on a King Addons Theme Builder template (single, archive, 404) so it can read the current query — not on a generic landing page.

Theme Builder Featured Image widget (Free).

Some inspector controls are marked Pro in PHP (eicon-pro-icon / king-addons-pro-control). Those need King Addons Pro, not Elementor Pro.

How to add it in Elementor

  1. Install King Addons. Install Elementor and King Addons. Get King Addons from WordPress.org.
  2. Open a Theme Builder template. Place this widget on a King Addons Theme Builder template (single, archive, 404), not a random landing page.
  3. Insert the widget. Search the panel for “TB - Featured Image”. Typing “king” lists every King Addons widget.
  4. Set inspector controls from this widget’s PHP. Configure “Image Size”, “Link”, “Kng Fallback Image (Pro)”, “Kng Aspect Ratio (Pro)”. Style and Content tabs are listed on this page.

When to use it

Tip: After King Addons is active, type king in the Elementor search box to list every widget, including TB - Featured Image.

Inspector controls from this widget’s PHP

ControlWhat the code does
Content — Image SizeElementor image-size group (thumbnail, medium, large, full, custom).
Content — LinkThe chosen value is read in render() and applied on the front end. Options: None; Post; Media File.
Content — Kng Fallback Image (Pro)Media Library attachment(s); render() uses the URL/ID as the image source.
Content — Kng Aspect Ratio (Pro)The chosen value is read in render() and applied on the front end. Options: Natural.
Style — AlignmentWrites CSS `text-align` onto the widget’s front-end markup. Options: Left; Center; Right.
Style — Border RadiusWrites CSS `border-radius` onto the widget’s front-end markup.
Style — BorderElementor border group: type, width, color, and radius when the group includes it. Selector: `{{WRAPPER}} .king-addons-tb-featured-image img`.
Style — Box ShadowElementor box-shadow group for the selector. Selector: `{{WRAPPER}} .king-addons-tb-featured-image img`.
Style — MarginWrites CSS `margin` onto the widget’s front-end markup.
Style — Hover OpacityWrites CSS (img, opacity) onto the widget’s front-end markup. (min 0.3, max 1).

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

Which TB - Featured Image options need King Addons Pro?

Controls marked with the Pro icon in this widget’s PHP. King Addons Pro is a separate license from Elementor Pro.

Why is TB - Featured Image empty on a normal page?

Theme Builder widgets read the current query. Edit a Theme Builder template (single/archive/404) and preview a real post or archive.

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 theme builder widgets

Get King Addons

One free plugin. 80+ Elementor widgets, 650+ templates, and 4,000+ sections. Search for TB - Featured Image after you activate it.

Get King Addons