Woocommerce Add To Cart Button changes
-
I’d like to know if changing the hover state on the store buttons is possible.
Currently, the button is ‘Check Price’ on default state and then changes to the Cart icon on hover. I would like it to continue to say ‘Check Price’.
Example images attached
Attachments:
You must be
logged in to view attached files.
Hello,
Thank you very much for choosing our theme and for contacting us.
Could you kindly provide page URL we will check if we can change that with custom CSS.
Best Regards
I’ve included a link where you can see the issue in a live environment. I’ve also included another screenshot of the mobile view. (that also needs changing from ‘Cart Icon’ to ‘Check Price’ (if possible).
Attachments:
You must be
logged in to view attached files.
Hello,
Please add this code to the Theme Settings > Custom CSS > Global:
.main-page-wrapper .wd-hover-fw-button .wd-add-btn-replace .add-to-cart-loop:hover:before {
transform: translateY(100%);
}
.main-page-wrapper .wd-hover-fw-button .wd-add-btn-replace .add-to-cart-loop:hover span {
transform: none;
}
@media (max-width: 768.98px) {
.main-page-wrapper .wd-hover-fw-button .wd-add-btn-replace .add-to-cart-loop span {
font-size: 13px;
}
.main-page-wrapper .wd-hover-fw-button .wd-add-btn-replace .add-to-cart-loop:before {
transform: translateY(100%);
}
}
Best Regards
.
