Feature · Elementor · King Addons

Custom CSS: CSS scoped to one Elementor element

The Custom CSS feature injects a code control on the Advanced tab of Elementor elements. Use it for one-off selectors. Site-wide snippets belong in Custom Code Manager.

Get King Addons

Install the plugin from WordPress.org, enable this feature in the dashboard, then follow the steps on this page.

Get King Addons

What it actually does

Controls: Enable Custom CSS, Custom CSS (code editor, language CSS, render_type and label_block flags in PHP).

Prefix class is applied so your CSS can target the element. It is not a replacement for the Style tab.

Where to find it in WordPress

Dashboard → Features → Custom CSS. Select an element → Advanced → Custom CSS.

How to set it up

  1. Enable the feature. Dashboard → Features.
  2. Select the element. Keep CSS local.
  3. Enable Custom CSS and write rules. Prefer selectors that use the element’s wrapper class.
  4. Preview front end. Editor iframe CSS can differ.

Controls that change behavior

ControlWhat the plugin does
Enable Custom CSSTurns on the injector.
Custom CSSThe stylesheet for this element.
Free vs Pro. Feature is free.

When this is the right tool

Notes from the implementation

Do not paste 200 lines of global CSS here — use Custom Code Manager. kingaddons.com.

FAQ

Why is my selector not winning?

Elementor Style tab uses high specificity. You may need equally specific selectors.

Is this Elementor Pro Custom CSS?

No. It is King Addons’ Advanced-tab control on free Elementor.

Other King Addons features

Get King Addons

Custom CSS ships in King Addons for Elementor. Install the plugin from WordPress.org, then come back to this guide when you configure it.

Get King Addons