Reply To: Child theme / multiple CSS / not overwriting

[Laura]

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!