Change add to cart text colour - PRESTIGE theme

Store Design

Topic summary

Issue: Users want to change the “Add to Cart” button text color in Shopify’s Prestige theme to a specific hex color (originally #DDBB8B).

Solution Provided:

  • Navigate to Online Store → Theme → Edit code
  • Open assets/theme.css file
  • Add CSS code at the bottom:
.ProductForm__AddToCart {
  color: #DDBB8B;
}

Additional Customizations:

  • To change button background color, use background-color: #yourcolor;
  • For stubborn cases where default settings override, add !important flag:
.ProductForm__AddToCart::before {
  background: #35E9C3 !important;
}

Common Issues:

  • Some users report the code only works on featured products (front page) but not on individual product pages
  • Theme default button settings may override custom CSS, requiring !important declarations
  • Multiple users confirmed the solution works after proper implementation

Status: Resolved for most users, though some edge cases require additional troubleshooting with !important flags or alternative CSS selectors.

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

hello @lkdrumhirk if I want to change the background colour (the button itself) to a different hex colour you can use following code and then you change value of background-color yourself

Please add the following code at the bottom of your assets/theme.css file.

.ProductForm__AddToCart {
   
    background-color: #6f5a3f;
}
2 Likes