Hover Color Change on Blog Post

[isdg01]

Hi,
I see there are a variety of posts here in the forum on this topic, but they all seem to be from 2018 so I’m not sure if they are still relevant.

I’m working on a Newsroom page that serves as my Blog Landing page. The featured/blog image darkens on hover. I’d like to reduce or remove the overlay effect. Can you point me to the CSS selector or theme setting controlling it?

Here is the page I am referring to: https://nadatech.com/company/newsroom/

Thanks,
Dawn

[prakash_s]

Hello Dawn,

Thanks for writing to us.

I have tested it on my local installations, and this code is working fine at the moment. Go to the Theme Options->Custom code-> Global CSS.

a.entry-thumb:hover img {
    opacity: 1;
}
a.entry-thumb:hover:before {
    opacity: 0;
} 

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector, or you can subscribe to One where customization questions are answered.

Hope it helps.
Thanks

[isdg01]

That did the trick! Thanks so much

[prakash_s]

You are most welcome, @isdg01