Please submit a private ticket if you need to share sensitive information, such as license details and admin credentials.

Okay
  Public Ticket #2845160
Change text and color in a button
Closed

Comments

  • Cesar Pinto started the conversation

    Hi,

    How can I change the color and text in this button?

    See Attachment.

    Thanks,

    Cesar Pinto

  •  767
    Janilyn replied

    Hi Cesar,

    Thank you for contacting WPClever Support Forum. I have assigned one of our developers to help you with that. He’ll be responding as soon as possible. 

    To save time waiting for us to initially check out tickets so that you can receive a direct response from our developers, you can kindly reply to your old ticket so that the currently assigned developer can give you instructions on customizing the appearance faster.

    Please stay patient as we're having very heavy workloads, it might take some time for our developers to reach back.

    Best regards.

    Janilyn T. - WPClever Support Agent

  •  1,222
    Dustin replied

    Hi Cesar,

    #1. To change the button text, please use the below snippet (How to add custom code?):

    add_filter( 'woocommerce_product_add_to_cart_text', function () {
        return 'Buy On Amazon';
    } );

    #2. To change the button color, please add below CSS code to WP-Admin → Appearance → Customize → Additional CSS:

    .woosc-area .woosc_table .add_to_cart_button {
        background-color: #ff6600;
        border-color: #ff6600;
        color: #ffffff;
    }

    And the result https://www.screencast.com/t/8QD0QqO5R

    You can change the color in the above CSS code as you want.

    Best regards,
    Dustin