Hover add to cart & check out button change

[TiiPii]

Hi,

I have tried all options in the colour customizer. I want the hover of the ‘add to cart’ and the ‘check out’ not to be white but grey. How do I do this without editing other colours on my website? It’s just these two options. Can you provide me with custom css?

Thanks

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.woocommerce form.cart button.add_to_cart_button:hover, #jckqv .cart .add_to_cart_button:hover, #jckqv .cart .single_add_to_cart_button:hover, #jckqv .cart .yith-wcwl-add-to-wishlist a:hover, .woocommerce .single_add_to_cart_button:hover, .woocommerce .single_add_to_cart_button.button.alt:hover {
    border-color: #ccc !important;
    color: #ccc !important;
}

Thanks
Mohammad

[TiiPii]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Hi,

Add the code below to your custom css option.

.sf-button.standard.sf-icon-reveal.bag-button:hover {
    background-color: #e8e8e8;
}

-Rui

[TiiPii]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Didn’t understand exactly what you mean but if you want to change the link color of the checkout on hover use the code below.

.sf-button.standard.sf-icon-reveal.checkout-button:hover {
    color: #000;
}

-Rui