Disable Hover Mask Effect on Category Thumbnails

I wish to disable the hover mask effect for category thumbnails. I have changed the categories design to alternative but wish to disable the hover effect.

Regards,

Taidgh

Hello,

Switch to the default Categories design. The design has no hover effect.

Best Regards

No I wish to keep the alternative style as the name of the categories are positioned below the image as desired, but I don’t want any of the zoom effects. IS there some custom css allowing me to remove all of these effects?

Regards,

Taidgh

Hello,

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

body .cat-design-alt:hover .product-category-thumbnail {
	-webkit-transform: none;
	    -ms-transform: none;
	        transform: none;
	opacity: 1;
}

body .cat-design-alt .products-cat-number {
	display: none;
}

Best Regards

Perfect Thank you!

Regards,

Taidgh

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

Best Regards

[Author]

Posts