I wanna change color

Store Design
, , , , , ,

Topic summary

A Shopify store owner seeks to customize button colors on their product pages: the “Add to Cart” button should be #9ACA3D, while the “Buy It Now” button needs a #9ACA3D background with #303030 text.

Initial Solutions Provided:

  • Multiple responders offered CSS code snippets to be added either to theme.liquid (above the </body> tag) or theme.css files
  • Code targets button classes like .button--outline and .shopify-payment-button__button

Follow-up Issue:
After implementing the initial fixes, the checkout button in the cart drawer remained unchanged. The user shared a screenshot showing the persistent styling issue.

Additional Fix:
A responder provided supplementary CSS targeting .button.button--outline specifically to address the checkout button color.

Status: The discussion appears ongoing, with iterative solutions being provided to address each button styling issue as it’s identified. Screenshots demonstrate both the problems and proposed results throughout the troubleshooting process.

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

Hey @Emiway

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1736317421539.png
Moeed_0-1736317421539.png574×328 15.5 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed