Content Ticker
How to Configure and Style Content Ticker #
If you are looking for a way to display ‘breaking news’, ‘Special Offers’ or anything newsworthy, you should definitely implement a Content Ticker on your website.
Content Ticker Widget Elementor helps you to design a beautiful ticker and gives you the freedom to display ‘Dynamic’ or ‘Custom’ contents as your headlines.
Besides, Content Ticker also gives you the flexibility to add nice transition effects & add personalized styling to all the features. Thanks to this Spexo Addons element, you can now put the focus on the ‘Headline’ of your contents & make it totally eye-catching to your site visitors.
How to Activate Content Ticker #
To use this Spexo Addons element, find the ‘Content Ticker’ element from the Search option under the ‘ELEMENTS‘ tab. Simply just Drag & Drop the ‘Content Ticker’ into the ‘Drag widget here‘ or the ‘+’ section.
After you are successfully done with this step, this is how the element is going to look like.
How to Configure the Content Settings #
To configure the content of your Content Ticker, simply click on the ‘Content’ tab.
General #
From this section, you can use the drop-down to select one of these as your link type: None, Title, Image, Image & Title and Box.
Query #
With Query, you can choose a source from which your contents will be generated. You can select any of these 2 as your source: Posts and Pages.
After doing so, you have the flexibility to show only certain posts based on the tags, authors & categories. If you want, you can even exclude certain posts or pages as well.
Besides, you can set the number of contents which you want to display on your Content Ticker as well. You can also sort out the contents as well by modifying ‘Order’ & ‘Order By’ options.
Heading #
From this section, you can set heading text, with, position and alignment. You can select icon type, select icon, position, size and distance as well. Also you can use toggle for enable / disable triangle. Besides, you can change position and triangle size. You can also set link which you can redirect your visitors to any page on your site.
Settings #
From this section, you can use toggle for show / hide for image. You can change image resolution and height, set display number of slides and set number of slide to scroll
Besides, you can use toggle for enable / disable navigation, autoplay, pause slide on hover and infinite loop. You can change navigation icon, navigation style, navigation position, autoplay speed and many more.
Click to see Live Demo #
How to Style Content Ticker #
To customize Content Ticker, click on the ‘Style’ tab, and you will find many different options here.
Heading #
From here, you can set color, background color, icon color and border color with hovered and normal options. You change typography, padding and transition duration. Moreover, you can styling to border and border radius as well.
Content #
From here, you can change background color, gradient position, padding, image width and title typography. You can set title color with hovered and normal options. Moreover, you can styling to box shadow, border and border radius as well.
Navigation #
From here, you can set color, background color and border color with hovered and normal options. You can change font size, box size, gutter and transition duration. Besides, you can styling to border and border radius as well.
Final Outcome #
By following the basic steps and a bit more modifying, you can style your Content Ticker as per your preference.
This is how you can easily highlight important announcement & make the headlines very appealing to your visitors by Content Ticker.
Getting stuck? Feel to Contact Our Support for further assistance.
