Add to cart button style Dawn Theme

Topic summary

A user needed help styling the “Add to Cart” button and quantity selector on their Shopify store using the Dawn theme. The issue involved:

Problems identified:

  • Add to cart button appearing white instead of styled
  • Button not vertically aligned with the quantity selector
  • Desired to maintain PayPal button while fixing styling

Solution provided:

  • Navigate to Online Store → Theme → Edit Code
  • Locate assets/base.css file
  • Add CSS code targeting .product-form__submit class
  • Apply black background, white text, and negative top margin (-71px) for alignment

Outcome:
The CSS solution successfully resolved the styling and alignment issues. The user confirmed it worked perfectly.

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

Hello @Ulysse1234

Go to Online Store, then Theme, and select Edit Code.
Search for assets/base.css Add the provided code at the end of the file.

.product-form__submit {
background: #000;
color: #fff;
margin-top: -71px!important;
}

1 Like