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.
2

@lkdrumhirk

sorry for this issue can you please try this

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
    this code apply for after 5 - 6 second
.ProductForm__AddToCart {color: #DDBB8B;}
1 Like