Why do button colors vary on these two pages?

Technical Q&A

Topic summary

Main issue: The “Add to cart” button shows different colors on two product pages of a Shopify store. The requester wants the first page’s button to match the second: background #002851 with text #ffffff.

Context and likely cause:

  • Button styles are typically consistent across products unless a unique product template or custom code overrides the default theme styling.
  • The discrepancy may stem from different templates or additional CSS applied to one product page.

Proposed direction:

  • Verify whether unique product templates are assigned to these products and check for custom CSS or theme modifications affecting the button on one page.
  • If a coding fix isn’t feasible for the requester, a referral to Shopify experts is suggested for a paid solution.

Status: No fix implemented yet; guidance provided, issue remains open.

Summarized with AI on January 6. AI used: gpt-5.
2

Hey, @empiricalarby

Did you happen to create unique product templates to for those products. Typically your add to cart button will remain the same unless some additional coding was performed.

With that said, I’m confident one of our Shopify experts would be able to accomplish this at a reasonable price.

Just wanted to share this as an option in case you are unable to find a coding solution in your thread.