Disable hover effect ‘add to cart’ button
-
I am using the code below to style the add to cart button but i want to remove the hover effect. So i don’t want the cart icon to appear when hovering over the button, just the background color change. What code do i need to use?
.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.add-to-cart-loop {
background-color: #000000;
}
.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.add-to-cart-loop:hover {
background-color: #333;
}
Attachments:
You must be
logged in to view attached files.
Hi designfrenzy.nl,
Thanks for reaching to us.
Please remove your code and add the following Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:
.wd-product.wd-hover-fw-button div.wd-add-btn>a:hover {
background-color: #333;
}
.wd-add-btn-replace a.add-to-cart-loop:hover:before,
.wd-add-btn-replace a.add-to-cart-loop:hover span{
transform: none;
}
.wd-add-btn-replace a.add-to-cart-loop:before{
font-size: 0;
}
Regards,
Perfect, this works, thanks!
Hi designfrenzy.nl,
Glad to hear your issue has been resolved. Keep us in mind for future questions and concerns, we’re always here to help!
If you have a quick minute we always appreciate a 5-star rating on our theme!
https://themeforest.net/item/woodmart-woocommerce-wordpress-theme/reviews/20264492
Your feedback is the motivation to improve our work and services.
Regards,
The topic ‘Disable hover effect ‘add to cart’ button’ is closed to new replies.
.
