Return to previous page

Woocommerce checkout page form label colors

This topic has 5 replies, 3 voices, and was last updated 8 years, 11 months ago ago by Robert Hall

theoa

Participant

April 29, 2015 at 18:55

Hi
Can you advise on the css to change the color of the form labels on the woocommerece checkout page, and also the titles on the checkout page like:
Your order, Subtotal, shipping and handling paypal etc in the right side box.

I ideally want them all to be black but they are pulling from the main theme color currently.

thanks in advance

#60678 Copied

4 Answers

Robert Hall

Support staff

April 29, 2015 at 19:28

Hello,

Please provide us with link to the page.

Regards,
Robert Hall.

#60679 Copied

theoa

Participant

April 30, 2015 at 12:51

hi
link added below

thank you

Please, contact administrator
for this information.

#60824 Copied

Brian Johnson

Member

April 30, 2015 at 13:06

Hello

Please add following code into the custom.css:
.woocommerce-checkout form, .woocommerce-checkout label, .woocommerce-checkout tr, .woocommerce-checkout td, .woocommerce-checkout h3, .woocommerce-checkout th{color:black!important;}

Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

With best regards
Brian Johnson

#60828 Copied
Robert Hall

Support staff

April 30, 2015 at 13:06
Hello,

Please add this code in custom.css file
```
.woocommerce .checkout input[type="text"], .woocommerce .checkout input[type="email"], .woocommerce .checkout input[type="password"], .woocommerce .checkout input[type="tel"], .woocommerce .checkout input[type="number"], .woocommerce .checkout input[type="checkbox"], .woocommerce .checkout .form-row textarea{
  border: 1px solid #050505;
}
.shop_table .order-total td,
.about_paypal,
.step-title span,
.shop_table th{
color:#EC6C90;
}
```
Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

Regards,
Robert Hall.
#60829 Copied
Viewing 5 results - 1 through 5 (of 5 total)