How to change the style of the "in the cart" button?

Question

WordPress

Hello, how can I change the style of the "add to cart" button in woocommerce (for example, change the color) for a product that is already in the cart? I know that there is a hook for changing the text of a button, but is there a hook for editing a tag or its styles, or something like that? The theme is storefront.

Answer 1

There, most likely, the button will have class .added

Answer 2

hook to change the text on the button, jsom search for this text and add style to the element

add_filter( 'add_to_cart_text', 'woo_custom_product_add_to_cart_text' );            // < 2.1
add_filter( 'woocommerce_product_add_to_cart_text', 'woo_custom_product_add_to_cart_text' );  // 2.1 +
  
function woo_custom_product_add_to_cart_text() {
    return __( 'My Button Text', 'woocommerce' );
}

setInterval(function(){
$('a:contains("My Button Text")').css('border', '1px solid red');
},1000);

Answer 3

.add_to_cart_button {
    background: #1abc9c !important;
}

You have a mess with CSS code on the page, it's better to separate it into different files.