changing the color of the Buy It Now Button to green in Impulse theme

My product page URL is curahealing.co/cura. I’ve tried changing the button color under colors in the theme settings. but in the mobile view that changes the background color of the top section above the header to green as well.

I would like a way to change the color of the buy it now button to green without messing with the color of anything else… if anybody has the answer to this it would be appreciated if you would share it with me thank you :slightly_smiling_face:

1 Like

  • Here is the solution for you
  • Please follow these steps:
  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. In theme.liquid, paste the below code before and press ‘Save’ to save it

  • Here is the result you will achieve:

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.

@Byron_7 ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:


Result:

Hello @Byron_7

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

.product-block button.btn.btn--full.add-to-cart { background: green !important; }

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.