How can I change the checkout button color in my online store?

Store Design
, , , ,

Topic summary

A user is experiencing a checkout button visibility issue where changing colors causes white text to appear on the button, making it unreadable. All other buttons display correctly.

Problem Details:

  • Only the checkout button is affected
  • Text becomes white after color customization
  • User needs either black text or a different button color
  • Screenshot provided showing the issue

Proposed Solution:
A support representative suggested adding custom CSS code through the theme editor:

  1. Navigate to Online Store → Theme → Edit code
  2. Locate the theme.liquid file
  3. Paste provided code at the bottom of the file
  4. Save changes

Status: Solution provided but not yet confirmed as implemented or tested by the original poster.

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

If I change the colors it turns white on check out - every other button is fine

I just need a code to make the text black or the button maybe ?

thanks here’s a link : https://scapegoatshop.com/collections/store

here’s the problem in a photo

Screenshot 2024-03-01 at 3.00.08 PM.png
Screenshot 2024-03-01 at 3.00.08 PM.png2086×980 258 KB

2

thanks for the help bro didnt need ur opinion lol

3

Hi [email removed]

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file → Save

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly