Return to previous page

Checkout Page – Change font size, family and colour

This topic has 4 replies, 2 voices, and was last updated 8 years, 7 months ago ago by Jack Richardson

Michael

Participant

February 16, 2016 at 13:00

Hi,
What would be the CSS required to change the font size, family and color for the following text on the checkout page (I’ve had a try but can’t get it right).

(1) I’d like these text fields to be 14px, Georgia, #090909
Cost before shipping
Total Shipping
Total Price
(Please leave the actual $ prices that appear on the same line as the text unchanged – I’ve be able to do those).

(2) Id like ‘Enter your email address’ to be the same font size, family and colour as the H4 text ‘Your billing/contact details’. Also, Is there a way to insert “1. ” in front of Enter your email address without updating the code?

Thanks,
Mike.

Please, contact administrator
for this information.

#113264 Copied Theme version: 3.5

3 Answers
Jack Richardson

Support staff

February 16, 2016 at 13:54
Hello,

1. Please use this css code:
```
#checkout_page_container table.checkout_cart tr.wpsc_total_before_shipping td, #checkout_page_container .total_price.total_shipping td, #checkout_page_container .total_price td.wpsc_totals {
    color: #090909 !important;
    font-size: 14px !important;
    font-family: Georgia !important;
}
```
2. Add this css code:
```
.wpsc_checkout_form_8 label {
    font-size: 18px;
    font-family: Georgia;
    color: #090909;
}
```
Unfortunately there is no option to insert “1.” in front of “Enter your email address” without updating the code.

Best regards,
Jack Richardson.
#113276 Copied
Michael

Participant

February 17, 2016 at 12:31

Hi Jack,
The CSS is working fine.
Pease go ahead and close this topic.
Thanks,
Mike.

#113447 Copied

Jack Richardson

Support staff

February 17, 2016 at 13:01

Hello,

You’re welcome.

Best regards,
Jack Richardson.

#113458 Copied
Tagged: best selling, checkout page, font color, font family, font size, themes, woocommerce
Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘Checkout Page – Change font size, family and colour’' has been successfully resolved, and the topic is now closed for further responses

Checkout Page – Change font size, family and colour

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection