Digital experiences for all disciplines
Forum Replies Created
-
-
This reply has been marked as private.This reply has been marked as private.This reply has been marked as private.This reply has been marked as private.This reply has been marked as private.This reply has been marked as private.This reply has been marked as private.This reply has been marked as private.This reply has been marked as private.
Thanks Kyle.
I would need to centre that hover button you see on the screenshots I sent. See how the “View availability” button is hidden in a corner?
🙂This reply has been marked as private.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!
-