This tutorial explains what steps you need to take to display the recent post titles in the form of a news ticker and get an overview of Text ticker widget using JetBlog plugin.
JetBlog Text Ticker widget is able to represent the selected posts one by one in the order and the amount you’ve previously set. Your news posts (or another subject) will be demonstrated on your site in the form of a news ticker. By succeeding in the steps below you can easily create a continuous animation for your preferred publications.
From this tutorial, we will teach ourselves how to show off the recent post titles in the news ticker widget with JetBlog Text ticker widget.
You need to open Elementor panel and search for Text Ticker widget. When you find it, just place it in your page canvas.
Content options
They will help you to transform the overall view of the posts shown with Text Ticker widget by changing the Title, the Current Data, the Post Thumbnail, the Meta information, etc.
Step 1 – Open the Content > General tab where you can adjust the general settings (the number of posts to be shown, the needed categories which you want to represent).
Step 2 – Next, go to the Slider Settings tab where you can switch on/off the Typing Effect for the news headings. Here you can power on and off Autoplay, set its Speed and show/hide Control Arrows. You can also pick the arrows type for the controls: you can change their shape to round or square.
Style settings
Here you can arrange the overall style for the whole section with Text Ticker widget or you change the look of the certain element.
Step 1 – The first you need to perform is to go to the Style > Container tab. Here you can adjust the Background Type for the container, the Border Radius, etc. All your changes will impact the container view which includes your posts headings.
Step 2 – Then, you need to go to the Style > Widget Title. Here you will adjust the typography style. You can also enable/disable the Title Pointer.
Step 3 – The next you should do is to go to the Style > Current Date tab in your elements panel. You are able to change the style of how your current date is showcased.
Step 4 – Afterwards, navigate to the Style > Posts tab where it’s possible to set padding and margin options. Also, you can change the Thumbnail, Author, Date and Link settings.
Step 5 – Finally, go to the Style > Paging Arrows tab where you can change setting both for normal and hover style, for example, change Arrows Positions.
Note down that you have the possibility to hide most of these elements on a tablet or mobile devices. To do it you should switch on/off the appropriate settings.
After you’ve done everything you need to in settings, don’t forget to save the changes and have a preview of your changing.
Now you have the recent post titles appearing on the site. Enjoy it!