Changing add to cart & view cart text colour

  • Hi

    I want to change the Add to cart text to white

    https://businessbeessolutions.com/product/website-review/

    Also once added to the cart there is a blue bar “product” has been added to your cart. Can you tell me how to change this please & the view cart button.

    I need all button add to cart & view cart to be Blue background #66dde6 & text #ffffff
    and on hover background #ffffff & text ##66dde6

    Thanks

    Kathy

Viewing 2 replies - 1 through 2 (of 2 total)
  • Anonymous User 13528887

    (@anonymized-13528887)

    Hi Kathy,

    You can change the “Add to cart” text easily by adding a small amount of code to your functions.php file.

    
add_filter( 'woocommerce_product_single_add_to_cart_text', 'woo_custom_cart_button_text' );
function woo_custom_cart_button_text() {
        return __( 'My Button Text', 'woocommerce' );
}

    Source
    https://docs.woocommerce.com/document/change-add-to-cart-button-text/

    Regards,
    Harshal Limaye

    @harshal
    Poster wishes to change colours, not the string.

    @kathydtg
    You should turn off your cache plugin until you have finished changing things.

    For the add-to-cart button, Try this custom css:

    .woocommerce button.button.alt,
.woocommerce-page button.button.alt,
.woocommerce button.button,
.woocommerce-page button.button,
.woocommerce button.button.alt:hover,
.woocommerce-page button.button.alt:hover,
.woocommerce button.button:hover,
.woocommerce-page button.button:hover {  
  color:#ffffff;
  background:#66dde6;
}

    Custom css can be entered at:
    Dashboard > Appearance > Customise > Additional CSS

    What would you like to change about the woocommerce-message bar?

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Changing add to cart & view cart text colour’ is closed to new replies.