Forum Replies Created

Viewing 12 posts - 46 through 57 (of 57 total)
  • Posted in:
  • in reply to: Series of questions #119491
    Laura
    Member
    Post count: 67
    This reply has been marked as private.
    in reply to: Series of questions #119488
    Laura
    Member
    Post count: 67
    This reply has been marked as private.
    in reply to: Series of questions #117258
    Laura
    Member
    Post count: 67
    This reply has been marked as private.
    in reply to: Series of questions #117254
    Laura
    Member
    Post count: 67
    This reply has been marked as private.
    in reply to: Series of questions #117235
    Laura
    Member
    Post count: 67
    This reply has been marked as private.
    in reply to: Series of questions #116697
    Laura
    Member
    Post count: 67
    This reply has been marked as private.
    in reply to: Series of questions #116696
    Laura
    Member
    Post count: 67
    This reply has been marked as private.
    in reply to: Series of questions #116680
    Laura
    Member
    Post count: 67
    This reply has been marked as private.
    in reply to: Child theme / multiple CSS / not overwriting #105821
    Laura
    Member
    Post count: 67
    This reply has been marked as private.
    in reply to: Child theme / multiple CSS / not overwriting #105810
    Laura
    Member
    Post count: 67

    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?
    🙂

    in reply to: Child theme / multiple CSS / not overwriting #105765
    Laura
    Member
    Post count: 67
    This reply has been marked as private.
    in reply to: Child theme / multiple CSS / not overwriting #105763
    Laura
    Member
    Post count: 67

    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!

Viewing 12 posts - 46 through 57 (of 57 total)