Okay
  Public Ticket #2770980
Woocommerce Button Colout
Closed

Comments

  •  21
    Sanjay started the conversation
    May 7, 2021 at 11:18am

    Hi. I'm wondering if the hover colour of a WooCommerce 'add to cart' button can be changed? It is just a standard grey, but I'd like to change it to make the other buttons hover colour on the site.

    Thanks

  •  1,878
    Judith replied
    May 7, 2021 at 4:32pm

    Hi Sanjay,

    Please try this css:

    .woocommerce-page:not([data-form-submit=see-through]) div[data-project-style=classic] button[type=submit].single_add_to_cart_button:hover, .woocommerce input[type=submit][name=apply_coupon]:hover, .woocommerce input[type=submit][name=update_cart]:hover, .woocommerce button[type=submit][name=calc_shipping]:hover {
        background-color: #520e0e!important;
    }

    Thanks.

  •  21
    Sanjay replied
    May 12, 2021 at 2:03am

    Great this works wonderfully!