Content · Elementor
Floating Tags Marquee widget for Elementor
Floating Tags Marquee is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Floating Tags Marquee” in the Elementor panel.
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
Floating Tags Marquee is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Floating Tags Marquee” in the Elementor panel.
Floating Tags Marquee Widget. Animated infinite marquee of tags/chips with direction and speed controls. Pro version adds drag, pause on hover, multi-rows, fade edges, and reduced motion.
render() writes HTML data attributes: data-row, data-settings.
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 “Floating Tags Marquee”. Typing “king” lists every King Addons widget.
- Set inspector controls from this widget’s PHP. Configure “Tag Text”, “Link”, “Highlight”, “Tags”. Style and Content tabs are listed on this page.
When to use it
- An Elementor page that needs Floating Tags Marquee.
- A layout in the posts, cards, lists, FAQs, and editorial layouts group.
- Search the panel for “Floating Tags Marquee” after King Addons is active.
Inspector controls from this widget’s PHP
| Control | What the code does |
|---|---|
| Tags — Tag Text | Text inspector control (`tag_text`). |
| Tags — Link | Elementor URL control (href, new tab, nofollow) applied to a front-end link. |
| Tags — Highlight | Make this tag stand out with highlight styles. |
| Tags | Repeater rows; render() loops each item to build the list or slides. |
| Marquee Settings — Direction | The chosen value is read in render() and applied on the front end. Options: Left; Right. |
| Marquee Settings — Speed | Animation speed (higher = faster). |
| Marquee Settings — Track Copies | Number of track copies for seamless loop. |
| Marquee Settings — Animation Timing | Writes CSS `animation-timing-function` onto the widget’s front-end markup. Options: Linear; Ease; Ease In; Ease Out; Ease In-Out. |
| Marquee Settings — Initial Delay (s) | Writes CSS `animation-delay` onto the widget’s front-end markup. (min 0, max 5). |
| Separator — Separator Type | The chosen value is read in render() and applied on the front end. Options: None; Dot; Line. |
| Separator — Separator Spacing | Writes CSS (margin-left, margin-right) onto the widget’s front-end markup. (min 0, max 60). |
| Chip — Typography | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .kng-ftm__item`. |
| Chip (Normal) — Text Color | Writes CSS `color` onto the widget’s front-end markup. |
| Chip (Normal) — Background | Elementor background group: classic color/image or gradient on the selector. Selector: `{{WRAPPER}} .kng-ftm__item`. |
| Chip (Normal) — Border | Elementor border group: type, width, color, and radius when the group includes it. Selector: `{{WRAPPER}} .kng-ftm__item`. |
| Chip (Normal) — Box Shadow | Elementor box-shadow group for the selector. Selector: `{{WRAPPER}} .kng-ftm__item`. |
| Chip (Hover) — Text Color | Writes CSS (item, color) onto the widget’s front-end markup. |
| Chip (Hover) — Background | Elementor background group: classic color/image or gradient on the selector. Selector: `{{WRAPPER}} .kng-ftm__item:hover`. |
| Chip (Hover) — Border Color | Writes CSS (item, border-color) onto the widget’s front-end markup. |
| Chip (Hover) — Box Shadow | Elementor box-shadow group for the selector. Selector: `{{WRAPPER}} .kng-ftm__item:hover`. |
| Chip (Hover) — Hover Transform | The chosen value is read in render() and applied on the front end. Options: None; Lift Up; Scale Up; Lift + Scale. |
| Chip (Highlight) — Text Color | Writes CSS `color` onto the widget’s front-end markup. |
| Chip (Highlight) — Background | Elementor background group: classic color/image or gradient on the selector. Selector: `{{WRAPPER}} .kng-ftm__item--highlight`. |
| Chip (Highlight) — Border Color | Writes CSS `border-color` onto the widget’s front-end markup. |
| Chip — Padding | Writes CSS `padding` onto the widget’s front-end markup. |
| Chip — Border Radius | Writes CSS `border-radius` onto the widget’s front-end markup. |
| Separator — Color | Writes CSS `background-color` onto the widget’s front-end markup. |
| Separator — Opacity | Writes CSS `opacity` onto the widget’s front-end markup. (min 0, max 1). |
| Separator — Dot Size | Writes CSS (width, height) onto the widget’s front-end markup. (min 2, max 20). |
| Separator — Line Width | Writes CSS `width` onto the widget’s front-end markup. (min 1, max 4). |
| Separator — Line Height | Writes CSS `height` onto the widget’s front-end markup. (min 8, max 60). |
| Layout — Track Height | Writes CSS `height` onto the widget’s front-end markup. (min 30, max 150). |
| Layout — Gap Between Chips | Spacing/size control (min 0, max 60). |
| Layout — Vertical Alignment | Writes CSS `align-items` onto the widget’s front-end markup. Options: Top; Middle; Bottom. |
| Layout — Background | Elementor background group: classic color/image or gradient on the selector. Selector: `{{WRAPPER}} .kng-ftm`. |
| Layout — Padding | Writes CSS `padding` onto the widget’s front-end markup. |
| Layout — Border Radius | Writes CSS `border-radius` 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
Which Floating Tags Marquee 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.
How do I add Floating Tags Marquee in Elementor?
Install King Addons and Elementor, edit a page, search the panel for “Floating Tags Marquee”, 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
Image Marquee
Image Marquee is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Image Marquee” in the Elementor panel.
Reveal Swipe Cards
Reveal Swipe Cards is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Reveal Swipe Cards” in the Elementor panel.
Scroll Story Sections
Scroll Story Sections is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Scroll Story Sections” in the Elementor panel.
Scrollytelling Slides
Scrollytelling Slides is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Scrollytelling Slides” in the Elementor panel.
Announcement / Promo Bar
Announcement / Promo Bar is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Announcement / Promo Bar” in the Elementor panel.
Comparison Matrix Cards
Comparison Matrix Cards is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Comparison Matrix Cards” in the Elementor panel.
Get King Addons
One free plugin. 80+ Elementor widgets, 650+ templates, and 4,000+ sections. Search for Floating Tags Marquee after you activate it.