REA 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.
REA Content Ticker helps you to design a beautiful ticker and gives you the freedom to display ‘Dynamic’ or ‘Custom’ contents as your headlines.
Besides, REA Content Ticker also gives you the flexibility to add nice transition effects & add personalized styling to all the features. Thanks to this Responsive Elementor 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

Find the REA Content Tickerelement from the Search option under the ELEMENTS tab. Simply just Drag & Drop the REA Content Ticker’ into the Drag widget hereor 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 %
Last modified 6mo ago