Disable the reveal hover effect on images in Customizr

⚠️ Code snippets might not be compatible with the latest version of your theme. Always use a child theme to customize your theme, and test your code on a staging website before migrating to production.

The Customizr theme comes out of the box with a reveal effect when hovering the images of the featured pages and the post thumbnails. If for some reasons, you need to disable this effect, here’s a quick snippets.

This effect uses a CSS3 transform property called scale. Just set it to a value of 1 and it will be disabled.

You can either copy the following code in the Custom CSS section of the customizer or in the style.css file of your child theme.

 

.widget-front.hover .round-div, article.hover .round-div {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}

 

I hope this will help and your feedbacks are always welcome!

6 thoughts on “Disable the reveal hover effect on images in Customizr”

Comments are closed.