Slide Block gradient and subtitle

Posted in: Newspaper
Post count: 4

Hello,

I’m using SLIDE BLOCK in my homepage in order to show the 3 most important news. I need to modify two elements of Slide Block:
1) I would like to change the colors for the gradient that appears over the image for every single post. In this moment I see a gradient gray dark. I think the CSS classi is .td_block_slide .td-image-gradient but I don’t know how to write all the custom code.
How can I do that via CSS?
2) I would like to show the subtitle below the title for every News. In this moment Slide Block shows just the title. Is it possible?

Thanks,
Michele

Post count: 20688

Hi,

The browser inspector tool is a powerful tool that can be used to inspect the page and see the classes used. This is a useful guide for this purpose
https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

1. That gradient on the slide could changed with a code like this
https://www.screencast.com/t/Bp9jkwGdR
Use the colors you want in the code, then enter it in Theme panel->Custom CSS section

.td_block_slide .td-image-gradient:before {
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(25, 85, 199, 0.8) 100%);
}

2. The subtitle will be displayed on the post page
https://www.screencast.com/t/1hg237kqz
https://www.screencast.com/t/K2sRiSz2tI6
Block modules do not display subtitles, some display excerpts for the post
https://forum.tagdiv.com/excerpts-introduction/
The slide in particular does not display an excerpt. That could only be achieved through code modifications, here are some similar topic
https://forum.tagdiv.com/topic/subtitle-in-slider/
https://forum.tagdiv.com/topic/how-to-show-excerpt-in-slider-module/

Thanks

Post count: 4

Thanks a lot. It works great!

Viewing 3 posts - 1 through 3 (of 3 total)
The forum ‘Newspaper’ is closed to new topics and replies.