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.
Responsive Addons for Elementor (RAE) Content Ticker helps you to design a beautiful ticker and gives you the freedom to display โDynamicโ or โCustomโ contents as your headlines.
Besides, Responsive Addons for Elementor (RAE) Content Ticker also gives you the flexibility to add nice transition effects & add personalized styling to all the features. Thanks to this Responsive Addons for Elementor (RAE) 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
Find the โResponsive Addons for Elementor (RAE) Content Tickerโ element from the Search option under the โELEMENTSโ tab. Simply just Drag & Drop the โResponsive Addons for Elementor (RAE) 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.
Content
Ticker Settings
- Template Layout- The Default layout is selected.
- Ticker Type- You can use the dropdown menu to choose a โTicker Typeโ. You can either select โDynamicโ or โCustomโ Ticker type. You will be able to configure the โTickerโ based on your chosen type.
- Tag Text- You can also change the headline of your Content Ticker by modifying the โTag Textโ field.
Dynamic Content Settings
- Source- You can choose a source from which your content will be generated. You can select any of these 3 as your source: Posts, Pages or Manual Selection.
- Author, Categories, Tags, Formats- You have the flexibility to show only certain posts based on the tags, authors, categories & format.
- Exclude- You can even exclude certain posts or pages.
- Posts Per Page- You can set the number of contents which you want to display on your Content Ticker.
- Offset- You can select the offset by entering the value.
- Order By & Order- You can sort out the content by modifying โOrderโ & โOrder Byโ options.
Custom Content Settings
With Custom Content, you can easily insert your own content and insert a link to them if you wish to. When you move the mouse over the content, you will be able to view the link. Simply click on โ+ Add Itemโ button to insert more custom content.
Animation Settings
- Effect- You can the transition effect on how the contents will be displayed on your site. By default, it is set to the โSlideโ effect.
- Slider Speed- Adjust the duration of transition between slides
- Autoplay- You can use the toggle to enable or disable โAutoplay’
- Autoplay Speed- Adjust the speed of autoplay by using the slider in ms
- Pause on hover- You can use the toggle to enable or disable โPause on Hover’
- Infinite Loop- You can use the toggle to enable or disable โInfinite Loop’
- Grab Cursor- You can use the toggle to enable or disable โGrab Cursor’
- Navigation Arrows- You can use the toggle to enable or disable โArrows’
- Direction- Use the dropdown menu right at the bottom to change the direction of your effect.
Style
Ticker Content
- Background Color- From the color picker, choose the background color for your ticker
- Text Color- From the color picker, choose the color of text for your ticker content
- Text Hover Color- From the color picker, choose the color of text for your ticker content when you hover.
- Typography- From the pencil icon, click to open the font option panel to choose the family, weight, transform, style, decoration, line height, and letter spacing options
- Padding- Enter a chosen value in the fields based on px, em, or %
- Border Radius- Enter a chosen value in the fields based on px, em, or %
Tag Style
- Background Color- From the color picker, choose the background color
- Text Color- From the color picker, choose the color of text
- Typography- From the pencil icon, click to open the font option panel to choose the family, weight, transform, style, decoration, line height, and letter spacing options
- Padding- Enter a chosen value in the fields based on px, em, or %
- Margin– Enter a chosen value in the fields based on px, em, or %
- Border Radius- Enter a chosen value in the fields based on px, em, or %
Arrows
- Choose Prev/Next Arrow- Upload your icons or choose icons from the library for prev and next arrow
- Arrows Size- Use the slider to adjust the size of the arrows
- Normal/Hover- Choose the appearance of the arrows on normal and hover states
- Background Color- From the color picker, choose the background color
- Color- From the color picker, choose the color of the arrows
- Border Type- From the dropdown menu select between solid, double, dotted, dashed, or grooved
- Border Radius- Enter a chosen value in the fields based on px, em, or %
- Padding- Enter a chosen value in the fields based on px, em, or %
