Featured Images Are Dim On Scroll Over

[VVT]

Hello support,

Before featured images dimmed with link icon appearing, now they just dim when scrolled over.

How can different effect be added (e.g. lighter)? Or return to original?

Regards.

[tristup]

Hi @VVT,

Thanks for reaching out.
It is not very clear what exact issue you are having and, what you are trying to acheive. Can you please elaborate on it a bit more to understand?

Thanks

[VVT]

Hello @tristup,

Link gives more insight to the issue, here is a reference.

This is what it used to do: featured images dimmed with link icon (chain) appearing on scroll over.

This is what it does now: featured images just dim on scroll over.

How can different effect be added (e.g. lighter)? Or return to original with link (chain) image?

This began to happen after recent update.

[prakash_s]

Hello @VVT,

I checked your given page URL it seems that the page style is rendering from the cache( LiteSpeed Cache plugin), I would suggest you please purge all the cache temporarily deactivate the cache plugin, and recheck it again. In case you want to change the color you can use this custom CSS code to the Global CSS. Please feel free to change the color code as per your design.

.x-masonry-active .entry-thumb {
    background-color: rgb(52 196 123 / 57%);
}

In order to remove the hover color you may add this custom CSS code to the Global CSS.

.x-masonry-active a.entry-thumb:hover img {
    opacity: 1;
}

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.In case you have no idea about coding you can subscribe to One where customization questions are answered.

Hope it helps.
Thanks

[VVT]

Hi @prakash_s,

Thank you.

Regards.

[tristup]

Hi @VVT,

You are most welcome.