[JoeMcOmber]

For our site https://sericheybooks.com/ the theme font used on the buttons and other areas of the checkout process are too small.  How I can adjust the size or possibly use a default font instead of the theme font?

[Skandha]

@joemcomber: Hello there,

Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.woocommerce-checkout .button {
font-family: "Noto Sans", sans-serif;
}

Let me know if this works out!
Kind Regards,
Skandha

[JoeMcOmber]

Hi, that didn’t seem to work, but the issue is the font throughout the whole checkout process, not just the checkout button.  We don’t want to use the theme font for the price & subtotal in the cart, the APPLY COUPON, UPDATE CART, and PROCEED TO CHECKOUT buttons, or the Subtotal, Shipping Rate and Total in the CART TOTALS section.

[Skandha]

@joemcomber: Hello there,

Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.woocommerce-Price-amount.amount, .actions button, .checkout-button {
font-family: "Noto Serif", serif;
}
.actions .button {
font-size: 1rem !important;
}

Let me know if this works out!
Kind Regards,
Skandha

[JoeMcOmber]

Hi, that did work but there are few things that I need to tweak.  Can I make the Price, Subtotal, Shipping and Total fonts a little smaller in size?

Also, on the CHECKOUT page, I need to make the font for SHIP TO A DIFFERENT ADDRESS a little bigger.  There’s also a formatting issue where the window icon is under the word “HAVE” in the “Have a coupon?  Click here to enter your code” section.  Can anything be done about that?

Thanks!

[Skandha]

@joemcomber: Hello there,

Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

/* To change the font size of price, subtotal, shipping and total */
.woocommerce-Price-amount.amount {
font-size: 20px;
}

/* To increase the font size of Ship To a Different Address */
#ship-to-different-address span {
font-size: 20px;
}

/* To fix the formatting of Have a Coupon icon */
.woocommerce-form-coupon-toggle .woocommerce-info::before {
top: 31px;
left: 12px;
}

Since the Pro version of the theme is WooCommerce Ready and comes with WooCommerce Options as well as many other additional-features I suggest you consider upgrading to the pro version.

Let me know if this works out!
Kind Regards,
Skandha

[JoeMcOmber]

Hi, yes it all worked out. There is one last item that I need help with.  On the Cart page the colors for the UPDATE CART button make it difficult to be read.  Can the font color be changed to white?  Thank you very much for all of your help!

[Skandha]

@joemcomber: Hello there,

Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.woocommerce button.button:disabled[disabled] {
color: #fff;
}

Let me know if this works out!
Kind Regards,
Skandha

[JoeMcOmber]

Awesome!  It worked.  Thank you very much!

[Author]

Posts