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
The topic ‘Disable Hover Mask Effect on Category Thumbnails’ is closed to new replies.
.
