Trending now on category

Hello,

Sorry but our news ticker does not have that kind of layout as seen on the site you mentioned.
There are only 2 styles available for the ticker: https://www.screencast.com/t/W8zpJViil
Categories cannot be edited like static pages using visual composer so you cannot add block elements to them unless you add them through coding.
Here is an example of a trending now block added through a do_shortcode function in the category top post files https://www.screencast.com/t/k9zFLrYkEg
Here is the code used: <?php echo do_shortcode('[td_block_trending_now tdc_css=""]'); ?>

Thank you!

Hello,

Unfortunately I cannot see the issue because your screenshots do not work. Please be more explicit with oyur requests.

Thank you!

Hi,

Sorry but no matter what i try, the dropbox link always returns this error: https://www.screencast.com/t/t64rsccQ Please use another platform as it seems it does not work. properly

Thanks.

Please provide more details. You are pointing out the trending now element, yes, but I do not understand what it is I’m supposed to help with. Please write an explanation.

Thank you!

Hi,

You can apply some margin on the news ticker in the category page, like this code for example
– https://www.screencast.com/t/sAFeG2rac9fr

.category .td_block_trending_now {
margin: -35px 0 24px;
}

Please try the code in Theme panel->Custom Css and see if it works properly for you.

Thanks

Hi,

This is how I am seeing the news ticker on the pages. I see no problem with the element
– https://www.screencast.com/t/ZTOQzsVQmf
– https://www.screencast.com/t/Wr8vhrRR78
– https://www.screencast.com/t/UeCHEgX2pe
If you want the code you entered to apply only on the category pages as it should, please create it as shown in the previous reply. Use the category class in the code. The customization you made for the ticker in the category pages is affecting the homepage as well
– https://www.screencast.com/t/OfqsuVlew
– https://www.screencast.com/t/ksSLLoeu
Then it will display properly by default on the homepage
– https://www.screencast.com/t/Upc5KHjiRd

Thanks

Hi,

Try inserting this code – https://www.screencast.com/t/qlgEQTvwfCz in the Advanced Css section in the theme panel
– https://www.screencast.com/t/iUZj3aZqWOy
Just move it from that section to the desktop section in advanced Css. This way the code will apply only on desktop where it looks properly. The mobile look will not be affected anymore by this padding.
Then enter the code provided below to remove the padding bottom on the category pages
– https://www.screencast.com/t/XmgWHSD7
You can enter the code normally, the padding appears only on mobile.

.category .td-category-grid .td_block_wrap {
padding-bottom: 0;
}

Thanks