[MARC-AURELE CHEGNIMONHAN]

Hello.

We have just purchased the NewsCard Pro version which we want to customize by moving the entire “Top Stories” line with the articles scrolling to the bottom of the homepage as you can see on our site: https://ynews.info/.

Here is the CSS code we used to move this line from “Top Stories” to the bottom of our homepage:

.top-stories-bar.top-stories-bar-with-thumbnail {
    height: 55px;
    bottom: 0px;
    position: fixed;
    z-index: 15;
    border-top-color: green;
    border-top-style: solid;
}

The problem is that we noticed that the scrolling of articles is accelerating too quickly yet we tried in all possible ways but couldn’t slow down the scrolling of articles and thumbnail images.

1 – How, then, to slow down the excessive speed of the texts or articles of the “Top Stories” line that we have just positioned at the bottom of our home page ???

2 – 2 – How to create a Block at the top of “Main Stories”, Editor’s Pick” and “Trending Stories” to add to them or to generate Tags exactly like on the outlined part in green color on this screenshot from the CGNT website: https://ibb.co/FWtr6TC .

[Theme Horse Support Team]

Hi MARC-AURELE CHEGNIMONHAN,

Please go to ‘Theme Directory > assets > library > jquery.marquee > jquery.marquee-settings.js’. On line no: 15 you can change the value of scroll speed.

We found that you have already created the list of tags section on top of the main stories section as you mentioned. And it gooks great.

To improve the ‘Top Stories’ bar styles you can add the below Custom CSS code on ‘Appearance > Customize > Additional CSS’ as you added previously

.top-stories-bar.top-stories-bar-with-thumbnail {
	width: 100%;	
}
.top-stories-bar.top-stories-bar-with-thumbnail .container {
	max-width: 100%;
	padding-left: 0;
	padding-right: 0;
}

Thanks

[MARC-AURELE CHEGNIMONHAN]

Thanks for your reply.

[Author]

Posts