Hover effect on Woocommerce "add to cart" button

charlsant · March 2017

Hello,

I was able to change the color on the button when I hover over it. but when the button is not being hovered on the button is white and I cant seem to find the place to change its color.

Please help.

Thanks,

charlsant · March 2017

Just to clarify. I dont want to change the hover effect but to be able to change the button color when is not being hovered.

Bryan · March 2017

Hi,

Could you please provide us with a link to your page? Also try to attach a screenshot, and more detailed info would be appreciated.

Thanks

charlsant · March 2017

Sure.

Please see at http://ghostcreator.com/basicwebsite/

Not sure what more detailed info I can provide. Im sorry .

Bryan · March 2017

Try using this css

body.page .button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    background: red !important;
    color:white !important;
}

Just change the values for the colors.

charlsant · March 2017

Thanks a lot for your help!

Hover effect on Woocommerce "add to cart" button

Comments