Change text colour Add to Cart button on product page

Topic summary

A user needed to change the text color of the “Add to Cart” button on product pages.

Solution provided:

  • Navigate to Online Store → Edit Code
  • Locate the theme.liquid file
  • Add custom CSS code above the tag

Outcome:
The solution was successfully implemented and resolved the issue. The thread includes screenshots showing the button before modification and code placement instructions.

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

Hi,

Trying to change the text colour of the Add to Cart button on all product pages.

See photo attached.

Thanks for your help

Hi @AscendStudio

You can follow the following steps:

  1. Please go to the Online Store
  2. Then Edit Code
  3. Please find the theme.liquid file
  4. And add the following code in theme.liquid file above the tag

If this solution is worked, then please Like this and Mark this as accepted solution!

Laddi

1 Like

Fantastic worked perfectly!

Thank you

1 Like