capitalize checkout page text and make it bold

Store Design
, , ,
1

I’d appreciate assistance on how to capitalize all the text in the checkout page and make it all bold.

2
  • In the code editor, find the file named checkout.scss.liquid or theme.scss.liquid. If you don’t have these, it might be named checkout.css or something similar, depending on your theme.
  • Scroll to the bottom of the file and add the following CSS:
/* Capitalize and Bold Text on Checkout Page */
.checkout__header,
.checkout__information,
.checkout__order-summary,
.checkout__footer,
.checkout__step__section {
    text-transform: uppercase; /* Capitalizes all text */
    font-weight: bold; /* Makes all text bold */
}
​
  1. After adding the CSS, click Save in the top right corner of the editor.

This will make all the text on your checkout page capitalized and bold.

If it resolves your issue, please mark my answer as a solution or if you still need assistance, let me know. Thank you

3

Hey, I don’t see anything called ‘checkout.css’ or anything that contains ‘checkout’ my sites url is www.tra1t.com if you’d like to check. Please reply ASAP.