Return to previous page

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

This topic has 8 replies, 2 voices, and was last updated 6 years, 9 months ago ago by Amzy Leel

andrew.d.harris1

Participant

July 6, 2017 at 17:53

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
Amzy Leel

Participant

July 7, 2017 at 06:01
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
andrew.d.harris1

Participant

July 7, 2017 at 18:30

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
Amzy Leel

Participant

July 8, 2017 at 06:20
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
andrew.d.harris1

Participant

July 8, 2017 at 06:35

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

Amzy Leel

Participant

July 8, 2017 at 06:43

use this,

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

#167386 Copied

andrew.d.harris1

Participant

July 8, 2017 at 07:17

Thank you!

#167387 Copied

Amzy Leel

Participant

July 8, 2017 at 09:09

You are welcome.

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

Regards,

#167389 Copied
Viewing 8 results - 1 through 8 (of 8 total)