How To Disable Zoom & Hover Effect On Blog Post's Featured Images

[Taidgh RichardsCustomer]

Hello I wish to disable the zoom and hover mask effect on the featured images for blog posts.

[Elise NoromitStaff]

Hello,

Please add this code to the Theme Settings > Custom CSS:

body .blog-post-loop:hover .post-img-wrapp a {
    transform: none;
    -webkit-transform: none;
}
.blog-post-loop .post-image-mask,
.blog-post-loop:hover .post-img-wrapp a:after {
    display: none;
} 

Best Regards

[Taidgh RichardsCustomer]

Sorry the effect is still occurring. I have linked the page with the effects I am referring to.

Private Content Hidden

[Elise NoromitStaff]

Hello,

Please replace the code with this one:

body .blog-post-loop:hover>.entry-header .post-img-wrapp>a {
	transform: none;
	opacity: 1;
}

Best Regards

[Taidgh RichardsCustomer]

Perfect thank you the second code had the desired effect.

[Elise NoromitStaff]

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts