Home › Forums › WoodMart support forum › Disable the hover effect (cart icon) on button on shop page

Disable the hover effect (cart icon) on button on shop page

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • September 12, 2022 at 5:55 pm #403033

    [email protected]
    Participant

    Hi support team,

    I’d like to remove the hover effect (cart icon) on select options button on shop page.
    Could you please provide some custom CSS for this? Thanks!

    Aiden

    Attachments:
    You must be logged in to view attached files.
    September 13, 2022 at 3:32 am #403110

    Elise Noromit
    Member

    Hello,

    Thank you very much for choosing our theme and for contacting us. 

    body .product-grid-item .wd-buttons[class*="wd-pos-r"] {
    opacity: 1;
    transform: translateY(0) translateZ(0);
}

    Best Regards

    September 13, 2022 at 2:36 pm #403257

    [email protected]
    Participant

    Hi again,
    I have placed this css code in Global Custom Css,
    but it still doesn’t change, the hover effect of those button (they are variable product) on shop page still exists,
    am I doing wrong with it ?

    Attachments:
    You must be logged in to view attached files.
    September 13, 2022 at 3:32 pm #403751

    [email protected]
    Participant

    Actually, only want to change these yellow buttons , don’t turn to cart image when users hover them
    🙏🙏🙏

    Attachments:
    You must be logged in to view attached files.
    September 14, 2022 at 2:50 am #404160

    Elise Noromit
    Member

    Hello,

    Please provide the page URL where you need to remove the hover effect.

    Best Regards

    September 14, 2022 at 3:28 am #404171

    [email protected]
    Participant

    Only on the shop page, I provide in private content , thankyou.

    September 15, 2022 at 2:02 am #405590

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    body .wd-add-btn-replace .add-to-cart-loop span {
    transform: translateY(-100%) translateZ(0);
}
body .wd-add-btn-replace .add-to-cart-loop:before {
    transition: none;
}

    Best Regards

    September 15, 2022 at 4:41 am #405618

    [email protected]
    Participant

    Hello support team,
    It is so weird, after using this CSS code, all the text is missing in those button.
    The cart images are still here when those buttons are hovering……I’m so loss…

    Attachments:
    You must be logged in to view attached files.
    September 16, 2022 at 3:34 am #405994

    Elise Noromit
    Member

    Hello,

    Please try this code: 

    body .wd-add-btn-replace .add-to-cart-loop span {
    transform: translateY(-100%) translateZ(0);
}
body .wd-add-btn-replace .add-to-cart-loop:before {
    transition: none;
    transform: none;
}

    Best Regards

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)