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,

[Author]

Posts