News Ticker

Introduction #

The News Ticker feature provides a horizontal, infinite-loop data display experience for the site posts on the Blog and Archive page. This helps visitors to obtain valuable information quickly and easily.

To access this option, you will first need to install and activate the Rishi Pro plugin and then activate the Advanced Blogging extension.

Activating Advanced Blogging Extension #

You can access the Advanced Blogging Extension via Dashboard > Appearance > Rishi Theme > Extensions > Pro Extensions.  Then click the Activate button to get the Advanced Blogging extension to work.

Once the extension is activated, you can access News Ticker setting via  Dashboard > Appearance > Customize > Extensions > Advanced Blogging > News Ticker .

Show News Ticker: Enable this option to display the News Ticker section on the Blog page.

Show News Ticker in Archive: Enable this option to display the News Ticker section on the Archive page.

General Setting #

The following are the different settings provided under the General Settings tab:

Container Width: Select the preferred container width for the News Ticker.

Layouts: Choose a layout for the News Ticker from the available layouts.

News Ticker Label: Enter the News Ticker label.

Show Icon: Enable to display the icon for the News Ticker section.

Icons: Select your preferred icon.

Icon Size: You can select a preferred size for the icons.

Posts Filter: Select the posts filter for the News Ticker section.

Post Category: Select the post category for the News Ticker section. This option is available if you select Post Filter to Category.

Number of posts: Select the number of posts you want to display.

Location: Select the location for the News Ticker.

Shortcode: You can use the below shortcode to display the news ticker on your website.

  [News_Ticker] 

Visibility: Select the devices where you would want to display the News Ticker.

Design Setting #

The following are the different options provided under the Design settings tab:

Title Font: Choose your preferred title font setting.

Content Font: Choose your preferred content font setting.

Title Color:  Select the font and background color for the News Ticker label.

Content Color: Select the font and background color for the news headline.

Navigation Button Color: Select the background and hover color for the news navigation button.

Border:  Select the border color, design, size, and visibility for the News Ticker.

Icon Color:  Select the icon color.

Border Radius: Enter the value for the border radius.

Padding: Set the padding value for the News Ticker section.

Margin: Set the margin value for the News Ticker section.

News Ticker Front End View #

When you have enabled the News Ticker feature, this is how it will be displayed on the front end.