Disable hover effect on woocommerce buttons

[mindofmedia]

Hello,

I want to disable the hover effect on the button of woocommerce. The problem is when you have edited the colors, so that the “new” banner and the “add to shopping bag” button have the same background color the hover effect gives the same color as the background, causing that the button isn’t readable any more.

See the screenshots below.
You see when you hover a button the text of the color gets the same color as of that of the band. But because the color of the band and the background of add to shopping bag is the same the text disappears.

You can check the website on:
http://www.foudelyse.be/preview/

[Melanie – SUPPORT]

Hey, you can use this custom css:

.woocommerce form.cart button.single_add_to_cart_button:hover {
color: white!important;
}

Cheers!

[mindofmedia]

Thank you that worked.
However it didn’t work for the add to shopping bag button on the homepage products.

[Kyle – SUPPORT]

Hi

You need to also add this:

.woocommerce ul.products li.product figure figcaption .shop-actions > a:hover {
  color: #FFFFFF;
}

– Kyle

[mindofmedia]

Hello,

Sorry that didn’t work.
I mean this section. Where you can add product directly to you shopping bag from the front page.

[Kyle – SUPPORT]

Hi

The css I gave you should work, I’ve double checked it. If not then add !important to it and it should work.

– Kyle

[mindofmedia]

!important worked. Thank you.

[Swift Ideas – Ed]

Great, cheers Kyle!

– Ed

[Kyle – SUPPORT]

Ok great! No problem 🙂