Button Colors - by andrew.d.harris1 - on WordPress WooCommerce support

7 replies2 participantsUpdated by Amzy Leel

  • Avatar: andrew.d.harris1
    andrew.d.harris1
    Participant

    I need to change the button colors for the “Proceed To Checkout” button on the cart page and the “Place Order” button on the checkout page. Right now they are transparent and can’t be seen. How can I change their background and text color?

    #167272 Copied Theme version: 3.16.2 WooCommerce version: 3.1.0

    7 Answers

    Avatar: amzy
    Amzy Leel
    Participant

    put following css in,

    8theme options >> styling >> custom css >> global custom css

    .checkout-button { background-color: #000; border-color: #000;} /* background color and button border */

.checkout-button { color: #fff; } /* button text color */

    change the color code to the color you want

    #167291 Copied
    Avatar: andrew.d.harris1
    andrew.d.harris1
    Participant

    I have put that code in the global css fields but it is not changing the way the button looks on the cart or checkout page

    #167357 Copied
    Avatar: amzy
    Amzy Leel
    Participant

    Hello,

    put ‘important’ to the css rules.
    so use this code

    .checkout-button { background-color: #000 !important; border-color: #000 !important;} /* background color and button border */

.checkout-button { color: #fff !important; } /* button text color */
    #167381 Copied
    Avatar: andrew.d.harris1
    andrew.d.harris1
    Participant

    Thank you. That fixed the color of the button on the cart page. How can I change the color of the button on the checkout page?

    #167384 Copied
    Avatar: amzy
    Amzy Leel
    Participant

    use this,

    .form-row.place-order input[type=submit] { background-color: #000 !important; border-color: #000 !important;}

    #167386 Copied
    Avatar: andrew.d.harris1
    andrew.d.harris1
    Participant

    Thank you!

    #167387 Copied
    Avatar: amzy
    Amzy Leel
    Participant

    You are welcome.

    Do not hesitate to ask if you ave any other questions (in a new post / topic)

    Regards,

    #167389 Copied

Want to reply? Log in, or register with your ThemeForest purchase code, to reply to this topic.

Login / Register