The “Content Ticker Widget” gives you a great way to showcase news or events in your website. This widget takes items and makes them into a content ticker which users can navigate using the arrows. A lot of customization options are available to create exactly the look you want for your Elementor page.
Let’s look at each of the options in the “Content Ticker Widget” below.
Install Content Ticker Widget for Elementor #
This widget requires Unlimited Elements Pro version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Content Ticker”
- Hover over the widget in the search results and click install
- Add your “Content Ticker” widget to any Elementor Page
Source Settings #
Items Source
Select the item source for content ticker.
- Items
- Posts
- ACF Custom Field
- JSON or CSV
- Gallery
- Terms
- Users
- Menu
To know more about source settings, please visit our article on Multi Source.
General Settings #
Label Style
Select the style of label.
- Arrow
- Straight
- Diagonal
- Point
Direction
Set the item direction.
- ltr - Left to Right direction
- rtl - Right to Left direction
Label Text
Type text to show as label.
Show Title
Show/Hide the title.
Show Intro
Show/Hide the intro.
Show Arrow
Show/Hide the arrow.
Speed
Set the speed of ticker.
Auto
Turn on or off the auto mode.
Mode
Select the mode of ticker from given options.
- Vertical
- Horizontal
- Fade
Pause
Select the time for ticker pause.
Items Settings #
Manage the content ticker items using the repeater field.
- Add new items
- Duplicate items
- Delete items
- Reorder Items
- Edit Items
Title
Set the title for ticker item.
Content
Type text to show as content.
Content Ticker Widget Styling #
Every aspect of the widget’s design can be controlled through different styling options. Choose colors that complement the style of your website. You can modify the text, icons, fonts, and layout to make the widget look and work the way you want.
Content Ticker Style Styling #
In this section, set the ticker background color, label background color, border color, border width, and border radius.
Arrows Styling #
You can set the arrow background, color, color hover, and padding.
Label Text Styles #
Set the typography, color, and custom styling for label text.
Item Title Styling #
Here, you can set the typography, color, and custom styling for item title element.
Item Content Styling #
You can set the typography, color, and custom styling for item content element.
Usage Examples #
Here are some live use cases for the Content Ticker Widget.