Content · Elementor
Content Ticker widget for Elementor
A scrolling ticker of posts or custom items for headlines and announcements.
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 scrolling ticker of posts or custom items for headlines and announcements.
render() writes HTML data attributes: data-slick-options, data-slide-effect.
Content is loaded with WP_Query in PHP (not a hardcoded list in the editor).
Some inspector controls are marked Pro in PHP (eicon-pro-icon / king-addons-pro-control). Those need King Addons Pro, not Elementor Pro.
The widget script reads data attributes: data-slick-options, data-slide-effect.
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 “Content Ticker”. Typing “king” lists every King Addons widget.
- Set inspector controls from this widget’s PHP. Configure “Select Type”, “Link Type”, “Source”, “Selection”. Style and Content tabs are listed on this page.
When to use it
- Breaking news under the header.
- A store announcement rail.
- A live-blog style strip.
Tip: After King Addons is active, type king in the Elementor search box to list every widget, including Content Ticker.
Inspector controls from this widget’s PHP
| Control | What the code does |
|---|---|
| General — Select Type | The chosen value is read in render() and applied on the front end. Options: Dynamic; Custom (Pro). |
| General — Link Type | Selects the value used for the post permalink. Options: None; Title; Image; Image & Title; Box. |
| Query — Source | Selects the value used for WP_Query ignore_sticky_posts. |
| Query — Selection | The chosen value is read in render() and applied on the front end. Options: Dynamic; Manual. |
| Query — Selection Taxonomy | The chosen value is read in render() and applied on the front end. |
| Query — Authors | Ajax Select2: options load from a King Addons admin-ajax endpoint. |
| Query — Items Per Page | WP_Query `posts_per_page` — how many posts are fetched (default 10, min 0). |
| Query — Offset | Numeric value used in this widget’s render/JS (default 0, min 0). |
| Query — Order | The chosen value is read in render() and applied on the front end. Options: Ascending; Descending. |
| Query — Order By | The chosen value is read in render() and applied on the front end. Options: Date; Last Modified; Rand; Title; Post ID; Post Author; Comment Count. |
| Heading — Text | Printed in the widget HTML from render(). |
| Heading — Width | Writes CSS `min-width` onto the widget’s front-end markup. (min 0, max 100). |
| Heading — Position | Options: Left; Right. |
| Heading — Alignment | Writes CSS `justify-content` onto the widget’s front-end markup. Options: Left; Center; Right. |
| Heading — Select Type | The chosen value is read in render() and applied on the front end. Options: None; FontAwesome; Circle (Pro). |
| Heading — Select Icon | Icon rendered with Elementor Icons_Manager in this widget’s HTML. |
| Heading — Position (Heading Icon Position) | Options: Left; Right. |
| Heading — Size | Writes CSS (font-size, width, height, king-addons-ticker-icon-circle, margin-top, margin-left) onto the widget’s front-end markup. (min 0, max 100). |
| Heading — Distance | Writes CSS (margin-right, margin-left) onto the widget’s front-end markup. (min 0, max 100). |
| Heading — Triangle | Switcher inspector control (`heading_triangle`). |
| Heading — Vertical Position | Options: Top; Middle; Bottom. |
| Heading — Size (Heading Triangle Size) | Writes CSS (king-addons-ticker-heading, border-width, right, left) onto the widget’s front-end markup. (min 0, max 50). |
| Heading — Link | Elementor URL control (href, new tab, nofollow) applied to a front-end link. |
| Settings — Show Image | Passed through to the featured image. |
| Settings — Image Size | Elementor image-size group (thumbnail, medium, large, full, custom). |
| Settings — Height | Writes CSS `height` onto the widget’s front-end markup. (min 20, max 300). |
| Settings — Select Type | The chosen value is read in render() and applied on the front end. Options: Slider; Marquee (Pro). |
| Settings — Number of Slides | Numeric control (default 4, min 1, max 10). |
| Settings — Slides to Scroll | Numeric control (default 1, min 1, max 10). |
| Settings — Gutter | Writes CSS (margin-left, margin-right) onto the widget’s front-end markup. (min 0, max 100). |
| Settings — Navigation | When this switch is on, render() outputs prev/next carousel arrows. |
| Settings — Select Icon | Selects the value used for prev/next carousel arrows. Options: Angle; Angle Double; Arrow; Arrow Circle; Arrow Circle Alt; Long Arrow; Chevron. |
| Settings — Style | Options: Horizontal; Vertical. |
| Settings — Position | Options: Left; Right. |
| Settings — Autoplay | Passed through to Swiper autoplay. |
| Settings — Autoplay Speed | Numeric value used in this widget’s render/JS (default 3, min 0, max 15). |
| Settings — Pause Slide on Hover | Switcher inspector control (`slider_pause_on_hover`). |
| Settings — Infinite Loop | Switcher inspector control (`slider_loop`). |
| Settings — Effect | The chosen value is read in render() and applied on the front end. Options: Horizontal Slide; Typing (Pro); Fade (Pro); Vertical Slide (Pro). |
| Settings — Transition Duration (seconds) | Numeric value used in this widget’s render/JS (default 1, min 0, max 5). |
| Heading (Normal) — Color | Writes CSS `color` onto the widget’s front-end markup. |
| Heading (Normal) — Background Color | Writes CSS (background-color, king-addons-ticker-heading, border-right-color) onto the widget’s front-end markup. |
| Heading (Normal) — Icon Color | Writes CSS (color, fill, background-color, king-addons-ticker-icon-circle, border-color) onto the widget’s front-end markup. |
| Heading (Normal) — Border Color | Writes CSS `border-color` onto the widget’s front-end markup. |
| Heading (Hover) — Color | Writes CSS (king-addons-ticker-heading, color) onto the widget’s front-end markup. |
| Heading (Hover) — Background Color | Writes CSS (king-addons-ticker-heading, background-color, hover, border-right-color) onto the widget’s front-end markup. |
| Heading (Hover) — Icon Color | Writes CSS (king-addons-ticker-heading, color, fill, background-color, king-addons-ticker-icon-circle, border-color) onto the widget’s front-end markup. |
| Heading (Hover) — Border Color | Writes CSS (king-addons-ticker-heading, border-color) onto the widget’s front-end markup. |
| Heading — Transition Duration (seconds) | Writes CSS `transition-duration` onto the widget’s front-end markup. (default 0.1, min 0, max 5). |
| Heading — Typography | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-ticker-heading-text`. |
| Heading — Padding | Writes CSS `padding` onto the widget’s front-end markup. |
| Heading — Border Type | Writes CSS `border-style` onto the widget’s front-end markup. Options: None; Solid; Double; Dotted; Dashed; Groove. |
| Heading — Border Width | Writes CSS `border-width` onto the widget’s front-end markup. |
| Heading — Border Radius | Writes CSS `border-radius` onto the widget’s front-end markup. |
| Content — Background Color | Writes CSS (background-color, king-addons-ticker-gradient, background-image) onto the widget’s front-end markup. |
| Content — Box Shadow | Elementor box-shadow group for the selector. Selector: `{{WRAPPER}} .king-addons-content-ticker`. |
| Content — Gradient Position | The chosen value is read in render() and applied on the front end. Options: None; Left; Right; Both. |
| Content — Padding | Writes CSS `padding` onto the widget’s front-end markup. |
| Content — Border Type | Writes CSS `border-style` onto the widget’s front-end markup. Options: None; Solid; Double; Dotted; Dashed; Groove. |
| Content — Border Width | Writes CSS `border-width` onto the widget’s front-end markup. |
| Content — Border Color | Writes CSS `border-color` onto the widget’s front-end markup. |
| Content — Border Radius | Writes CSS `border-radius` onto the widget’s front-end markup. |
| Content — Typography | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-ticker-title`. |
| Content (Normal) — Title Color | Writes CSS (color, king-addons-ticker-title) onto the widget’s front-end markup. |
| Content (Hover) — Title Color | Writes CSS (king-addons-ticker-title, color) onto the widget’s front-end markup. |
| Content — Width | Writes CSS `max-width` onto the widget’s front-end markup. (min 0, max 200). |
| Navigation (Normal) — Color | Writes CSS `color` onto the widget’s front-end markup. |
| Navigation (Normal) — Background Color | Writes CSS `background-color` onto the widget’s front-end markup. |
| Navigation (Normal) — Border Color | Writes CSS `border-color` onto the widget’s front-end markup. |
| Navigation (Hover) — Color | Writes CSS (king-addons-ticker-arrow, color) onto the widget’s front-end markup. |
| Navigation (Hover) — Background Color | Writes CSS (king-addons-ticker-arrow, background-color) onto the widget’s front-end markup. |
| Navigation (Hover) — Border Color | Writes CSS (king-addons-ticker-arrow, border-color) onto the widget’s front-end markup. |
| Navigation — Transition Duration (seconds) | Writes CSS `transition-duration` onto the widget’s front-end markup. (default 0.1, min 0, max 5). |
| Navigation — Font Size | Writes CSS `font-size` onto the widget’s front-end markup. (min 10, max 100). |
| Navigation — Box Size | Writes CSS (width, height, line-height) onto the widget’s front-end markup. (min 10, max 100). |
| Navigation — Gutter | Writes CSS (margin-bottom, margin-right) onto the widget’s front-end markup. (min 0, max 100). |
| Navigation — Border Type | Writes CSS `border-style` onto the widget’s front-end markup. Options: None; Solid; Double; Dotted; Dashed; Groove. |
| Navigation — Border Width | Writes CSS `border-width` onto the widget’s front-end markup. |
| Navigation — 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 Content Ticker 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 Content Ticker in Elementor?
Install King Addons and Elementor, edit a page, search the panel for “Content Ticker”, 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
Dynamic Posts Grid
A filterable grid of posts with AJAX search and Load More — for blogs and resource libraries.
Timeline Post/Story
A vertical or horizontal timeline for events, history, or a changelog.
Magazine Grid & Slider
A magazine layout: mixed tile sizes for featured and secondary posts, as a grid or slider.
Posts Grid & Slider
Posts in a grid, slider, or carousel with query and layout controls (the Posts Grid widget).
Quick Post Grid
A lightweight WordPress post grid with sane spacing defaults. Fewer layout modes than Posts Grid.
Quick Post Slider
A lightweight post slider with navigation and pagination that does not overlap the slides.
Get King Addons
One free plugin. 80+ Elementor widgets, 650+ templates, and 4,000+ sections. Search for Content Ticker after you activate it.