Creative · Elementor
Auto-Scrolling Text widget for Elementor
A CSS marquee for a short phrase or logo strip. Keep the text short; this is not a blog loop.
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 CSS marquee for a short phrase or logo strip. Keep the text short; this is not a blog loop.
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 “Auto-Scrolling Text”. Typing “king” lists every King Addons widget.
- Set inspector controls from this widget’s PHP. Configure “Type of content”, “Typography”, “Color”, “Background”. Style and Content tabs are listed on this page.
When to use it
- A news ticker phrase.
- A partner-logo rail.
- A promo strip under the header.
Tip: After King Addons is active, type king in the Elementor search box to list every widget, including Auto-Scrolling Text.
Inspector controls from this widget’s PHP
| Control | What the code does |
|---|---|
| kng_auto_scroll_txt_content_items — Type of content | Options: Text; Image. |
| kng_auto_scroll_txt_content_items — Typography | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} {{CURRENT_ITEM}}.king-addons-auto-scrolling-text`. |
| kng_auto_scroll_txt_content_items — Color | Writes CSS `color` onto the widget’s front-end markup. |
| kng_auto_scroll_txt_content_items — Background | Elementor background group: classic color/image or gradient on the selector. Selector: `{{WRAPPER}} {{CURRENT_ITEM}}.king-addons-auto-scrolling-text`. |
| kng_auto_scroll_txt_content_items — Custom Vertical Align | Switcher inspector control (`kng_auto_scroll_txt_custom_vertical_align`). |
| kng_auto_scroll_txt_content_items — Vertical Align | Writes CSS `vertical-align` onto the widget’s front-end markup. Options: baseline; top; bottom; sub; super; text-top; text-bottom; middle. |
| kng_auto_scroll_txt_content_items — Custom Padding | Switcher inspector control (`kng_auto_scroll_txt_padding_switcher`). |
| kng_auto_scroll_txt_content_items — Padding | Writes CSS `padding` onto the widget’s front-end markup. |
| kng_auto_scroll_txt_content_items — Custom Margin | Switcher inspector control (`kng_auto_scroll_txt_margin_switcher`). |
| kng_auto_scroll_txt_content_items — Margin Left | Writes CSS `margin-left` onto the widget’s front-end markup. |
| kng_auto_scroll_txt_content_items — Margin Right | Writes CSS `margin-right` onto the widget’s front-end markup. |
| kng_auto_scroll_txt_content_items — Custom Border | Switcher inspector control (`kng_auto_scroll_txt_custom_border`). |
| kng_auto_scroll_txt_content_items — Border | Elementor border group: type, width, color, and radius when the group includes it. Selector: `{{WRAPPER}} {{CURRENT_ITEM}}.king-addons-auto-scrolling-text`. |
| kng_auto_scroll_txt_content_items — Border Radius | Writes CSS `border-radius` onto the widget’s front-end markup. |
| kng_auto_scroll_txt_content_items — Custom Width | Switcher inspector control (`kng_auto_scroll_txt_custom_width_switcher`). |
| kng_auto_scroll_txt_content_items — Width (px) | The custom width of the current content item is useful for creating multiline text snippets or limiting the image size. |
| kng_auto_scroll_txt_content_items — Margin Top | Writes CSS `margin-top` onto the widget’s front-end markup. |
| kng_auto_scroll_txt_content_items — Margin Bottom | Writes CSS `margin-bottom` onto the widget’s front-end markup. |
| kng_auto_scroll_txt_content_items — Text Effect | Options: None; Text Gradient; Underline Gradient; Outline Stroke. |
| kng_auto_scroll_txt_content_items — Text Color | Writes CSS `color` onto the widget’s front-end markup. |
| kng_auto_scroll_txt_content_items — Stroke Color | Color written to this widget’s CSS selector. |
| kng_auto_scroll_txt_content_items — Stroke Width (px) | Numeric control (default 1, min 1). |
| kng_auto_scroll_txt_content_items — Background (Kng Auto Scroll Txt Effect Gradient) | Elementor background group: classic color/image or gradient on the selector. Selector: `{{WRAPPER}} {{CURRENT_ITEM}}.king-addons-auto-scrolling-text .king-addons-auto-scrollin…`. |
| kng_auto_scroll_txt_content_items — Background (Kng Auto Scroll Txt Underline Effects Gradient) | Elementor background group: classic color/image or gradient on the selector. Selector: `{{WRAPPER}} {{CURRENT_ITEM}}.king-addons-auto-scrolling-text .king-addons-auto-scrollin…`. |
| kng_auto_scroll_txt_content_items — Vertical Position (%) | Writes CSS (background-position, background-repeat) onto the widget’s front-end markup. (min 0, max 100). |
| kng_auto_scroll_txt_content_items — Height (%) | Writes CSS `background-size` onto the widget’s front-end markup. (min 0, max 100). |
| kng_auto_scroll_txt_content_items — Height on mouse hover (%) | Writes CSS (king-addons-auto-scrolling-text-inner, background-size) onto the widget’s front-end markup. (min 0, max 100). |
| kng_auto_scroll_txt_content_items — Text | Textarea inspector control (`kng_auto_scroll_txt_content`). |
| kng_auto_scroll_txt_content_items — Image | Media Library attachment(s); render() uses the URL/ID as the image source. |
| kng_auto_scroll_txt_content_items — Image Size | Elementor image-size group (thumbnail, medium, large, full, custom). |
| kng_auto_scroll_txt_content_items — Width (px) (Kng Image Comparison Box Max Width) | Writes CSS `width` onto the widget’s front-end markup. (default 50, min 0). |
| kng_auto_scroll_txt_content_items — Box Shadow | Elementor box-shadow group for the selector. Selector: `{{WRAPPER}} {{CURRENT_ITEM}}.king-addons-auto-scrolling-text img`. |
| kng_auto_scroll_txt_content_items — Border (Kng Auto Scroll Txt Image Border) | Elementor border group: type, width, color, and radius when the group includes it. Selector: `{{WRAPPER}} {{CURRENT_ITEM}}.king-addons-auto-scrolling-text img`. |
| kng_auto_scroll_txt_content_items — Border Radius (Kng Auto Scroll Txt Image Border Radius) | Writes CSS `border-radius` onto the widget’s front-end markup. |
| kng_auto_scroll_txt_content_items — Custom Vertical Align (Kng Auto Scroll Txt Image Custom Vertical Align) | Switcher inspector control (`kng_auto_scroll_txt_image_custom_vertical_align`). |
| kng_auto_scroll_txt_content_items — Vertical Align (Kng Auto Scroll Txt Image Vertical Align) | Writes CSS `vertical-align` onto the widget’s front-end markup. Options: baseline; top; bottom; sub; super; text-top; text-bottom; middle. |
| kng_auto_scroll_txt_content_items — Custom Margin (Kng Auto Scroll Txt Image Margin Switcher) | Switcher inspector control (`kng_auto_scroll_txt_image_margin_switcher`). |
| kng_auto_scroll_txt_content_items — Margin | Writes CSS `margin` onto the widget’s front-end markup. |
| kng_auto_scroll_txt_content_items — Custom CSS Class | Switcher inspector control (`kng_auto_scroll_txt_custom_css_class_switcher`). |
| kng_auto_scroll_txt_content_items — CSS Class | Text inspector control (`kng_auto_scroll_txt_custom_css_class`). |
| kng_auto_scroll_txt_content_items — Transform | Switcher inspector control (`kng_auto_scroll_txt_transform_switcher`). |
| kng_auto_scroll_txt_content_items — Rotate | Writes CSS (transform, display) onto the widget’s front-end markup. (default 0, min -360, max 360). |
| kng_auto_scroll_txt_content_items — Offset X | Writes CSS (transform, display) onto the widget’s front-end markup. (min -100, max 100). |
| kng_auto_scroll_txt_content_items — Offset Y | Writes CSS (transform, display) onto the widget’s front-end markup. (min -100, max 100). |
| kng_auto_scroll_txt_content_items — Link | Switcher inspector control (`kng_auto_scroll_txt_link_switcher`). |
| kng_auto_scroll_txt_content_items — Link (Kng Auto Scroll Txt Link) | Elementor URL control (href, new tab, nofollow) applied to a front-end link. |
| Content — Kng Auto Scroll Txt Content Items | Repeater rows; render() loops each item to build the list or slides. |
| Carousel Settings — Space between items (px) | Writes CSS `margin-right` onto the widget’s front-end markup. (default 50, min 0). |
| Carousel Settings — Animation Speed (s) | Writes CSS `animation-duration` onto the widget’s front-end markup. (default 80, min 0). |
| Common Styles — Typography | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-auto-scrolling-text`. |
| Common Styles — Text Color | Writes CSS `color` onto the widget’s front-end markup. |
| Common Styles — Items Padding | Writes CSS `padding` onto the widget’s front-end markup. |
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 Auto-Scrolling Text actually change on the page?
A CSS marquee for a short phrase or logo strip. Keep the text short; this is not a blog loop. Inspector labels from this widget’s PHP include “Type of content”, “Typography”, “Color”, “Background”.
How do I add Auto-Scrolling Text in Elementor?
Install King Addons and Elementor, edit a page, search the panel for “Auto-Scrolling Text”, 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 creative widgets
Styled Text Builder
One text block with per-span styling and motion, instead of several heading widgets.
Creative Button
A button with extra shapes and hover treatments beyond Elementor’s default button.
Pulsing Button
A CTA with a pulse animation so it reads as the next action on a busy page.
Content Flip Box
A card that flips or hover-reveals a second face — icon/title on the front, detail on the back.
3D Holographic Card
A 3D card with holographic sheen, rim light, and parallax — one decorative object, not a post loop.
Magnetic Buttons
Buttons that ease toward the cursor on hover. Use on a few CTAs, not every link.
Get King Addons
One free plugin. 80+ Elementor widgets, 650+ templates, and 4,000+ sections. Search for Auto-Scrolling Text after you activate it.