How can I remove the image zoom/overlay/icon and make the whole image clickable?

Hello,
Which layout you are using?

Write this css in custom css option

This is for layout 1

.rt-tpg-container .layout1 .rt-holder .rt-img-holder .overlay {
display: none;
}

Thanks

Layout 2, sorry should have included that in the post.

See the documentation https://www.radiustheme.com/how-to-setup-configure-the-post-grid-free-version-for-wordpress/#settings

Write custom css in this box.

.rt-tpg-container .layout2 .rt-holder .rt-img-holder .overlay {
display: none;
}

Thanks

Thank you so much, I’ll try that out

I’m back, so that seems to have worked for the overlay, but now I’m looking for how to remove the “zooming” of the image within the thumbnail.

I’ve used the element inspector to try to figure out what I need to change but I can’t seem to figure it out.

Remove this class from css

.rt-tpg-container .layout2 .rt-holder .rt-img-holder:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}

I am closing this topic. If need any more support please let me know.

Thanks