Thanks Kyle, that helps a little bit ๐
But how do I do it exactly?? I want to hide that hover effect as I said.
That part:
.product-type-standard figure: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);
}
.product-type-standard figure:hover > span {
opacity: 0;
}
.product-type-standard .product .cart-overlay {
display: block;
bottom: auto;
left: auto;
width: auto;
top: 0;
right: 0;
}
Does that mean I’m supposed to create something like that in the style.css ?:
@import url(โ../cardinal/css/sf-woocommerce.cssโ);
<!–.product-type-standard figure: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);
}
<!–.product-type-standard figure:hover > span {–>
opacity: 0;
}
<!–.product-type-standard .product .cart-overlay {–>
display: block;
bottom: auto;
left: auto;
width: auto;
top: 0;
right: 0;
}
I tried that and it doesn’t work…
Thanks for your help!