Capitalize Text When Add to Cart is Empty

Topic summary

A user seeks help capitalizing text on their Shopify store’s empty cart page.

Solution Provided:

  • Add CSS code to Theme Settings → Custom CSS
  • Use text-transform: capitalize; targeting .cart__empty-text class
  • This capitalizes the first letter of each word in the empty cart message

Follow-up Request:

  • User asks how to also capitalize the “s” in the associated button text
  • Awaiting code solution for the button capitalization

Status: Partially resolved - main text capitalization solved, button capitalization pending response.

Summarized with AI on November 13. AI used: claude-sonnet-4-5-20250929.

Hi guys, how can I capitalize the first letter of each word on this page? Any help is greatly appreciated!

Hi @flammagreg welcome to the Shopify Community,

Please share the url of the store i will provide you the css code you just need to update that and boom thats done.

Thanks

1 Like

Hi @flammagreg

Please go to Online Store → Theme → Customize

Under Theme Settings → Custom CSS

Add the following code

.cart__empty-text {
  text-transform: capitalize;
}

This should work.

Thanks,

Sajat


Just a small favor to ask. If this helps you, please do not forget to mark this as Accepted Solution.

@flammagreg

Please see the attachment if it looks ok then i will going to share the code with you let me know.

Thanks

Yeah looks good. Thank you

Awesome, thank you. Appreciate you. Do you know how to capitalize the “s” in the button too?

Can you share the code?