In this documentation, you’re going to know about the News Ticker widget and how it works and its style.
Let’s have a look.
To Insert Widget
Inserting widget, it is just a matter of dragging and dropping. As you see in the screenshot above, drag the Elementor news ticker inside your page.
Using the content tab, you’ll be able to make a layout of a particular part of a website. And in this regard, some handy sections in the tab will assist you a lot.
Now, I’m going to show the sections of the Content Tab and how they work behind the widget.
Go to the Content tab > Layout.
Look at, this section which includes switcher buttons (Label, Date, and Time) that will allow you to handle them.
In contrast, you might select Title or Excerpt from the News Content control and adjust Height as you wish.
Just go to the Navigation section > and Activate or deactivate the switcher buttons fitted to you. Mostly, the Navigation Size scroll will help you to adjust the navigation size of the News Ticker Widget.
This section works for setting the source location of data that you need to display by the reference like Author, Categories, Tags, and Formats. The references can be different in accordance with the source location. Read more
A. Go to Source ➤ next select data location( as posts, pages, etc.)
B. Then, write the author’s name in the Author field. Similarly, in the Categories and Tags field.
C. On the other hand, select categories from the Categories field.
D. Order By and Order controls are here to arrange the data you want to display through Random, Title, Date, or Menu order wise and also with ascending or descending order.
Most importantly, you can set Posts Limit in accordance with your demand for the content ticker.
Simply, go to the Content tab > Animation.
This section will let you select the animation( such as, Fade, Scroll, etc.) from the Animations control.
In addition, you can adjust autoplay interval and animation speed and use the switcher buttons Autoplay Interval and Pause on Hover.
Now, let’s work with Style Tab. The tab will easily have you style the web content (text, image, video, etc.) of the page you require to design.
Styling with the tab in Elementor will always give you a fantastic experience.
Let’s have a look.
In two phases, you’ll be able to style the News Ticker. For example, Label and Content. Go to the Style tab > News Ticker > Label and then Content.
Come to the Style tab > Navigation.
Lastly, from this section, you can add background and text color under both Normal and Hover mode. Keep eyes on the screenshot above.
To sum up, hopefully, you have seen what things our widget includes. And the things will help you get started all you want. Whatever, see the video inserted above, and to get more design knowledge, hook you with the demo page here.