How can I capitalize the 'Add to Cart' button using the Dawn theme?

Store Design

Topic summary

Main issue: Make the “Add to cart” button text display in all caps in the Dawn theme.

Proposed solution: In Edit code, search for “base.css” and add the CSS rule:

  • .product-form__submit { text-transform: uppercase; }

Explanation: The CSS property text-transform: uppercase renders the button label in uppercase without altering the actual text content. The selector .product-form__submit targets the product form’s submit (Add to cart) button in Dawn.

Outcome: A clear, single-step fix was provided with no disagreements or alternatives. No images or attachments are required. The thread appears resolved.

Summarized with AI on January 5. AI used: gpt-5.
1

Hello,

I am using Dawn theme.

How can I make the Add to cart button be in caps?

Thank you,

2

Hello @AZ2024 ,

Go to edit code > search “base.css” and add this CSS.

.product-form__submit {
    text-transform: uppercase;
}

Thanks,

Ritu