How to disable image overlay

Support
#1

I found this to stop the icon link from showing on the images.

.x-recent-posts .format-standard .x-recent-posts-img:before{display: none;}

.entry-thumb:before{display: none;}

But how can I completely stop the overlay from showing on images?

Thank you!

Nimue

#2

Hi There,

Please update your custom CSS to this:

.x-recent-posts .x-recent-posts-img:before,
.x-recent-posts .x-recent-posts-img:after {
    display: none;
}

.entry-thumb:before{
    display: none;
}

Hope it helps :slight_smile:

#3

Thank you, it helped for the preview of the blog images at the right side, as well as for the blog post images as well.
But the main blog preview still shows the overlay.

Thank you Nimue

#4

HI Nimue,

Please also add this custom CSS:

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

Let us know how it goes!

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.