Change text colour Add to Cart button on product page

Store Design

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

Hi,

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

See photo attached.

Thanks for your help

Screen Shot 2023-09-21 at 6.27.28 pm.png
Screen Shot 2023-09-21 at 6.27.28 pm.png980Ă—1532 118 KB

2

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

laddisahsi_1-1695285422362.png
laddisahsi_1-1695285422362.png1400Ă—567 277 KB

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

Laddi

1 Like
3

Fantastic worked perfectly!

Thank you

1 Like