Change color of add to cart button on product page & home page

Hi,

I’m using Dawn theme & I would like to edit the source code to change some colors:

  • Add to cart button on product page

  • Variant badges background on product page

  • Buy it now on home page

Thanx for your help

Alex

1 Like

Hi @Alex087

Try this.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
button.product-form__submit.button.button--full-width.button--primary, a.button.button--primary {
    background: red;
}
.product-form__input input[type=radio]:checked+label {
    background: red !important;
}

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

that’s great Made4 thanx, is it possible to edit the color of the text button of the home page?

1 Like

Oh it didnt change? Im looking to your store website, I cant find it. Would you mind to share it again? Thanks!

It worked Made4, thanx again

1 Like

Is it possible to also change the continue to shipping & continue to payment color button ?

You mean the cart drawer? and the cart page? Yes, we can check.

these

1 Like

Oh, Thats is not the cart that is already the check out page. That page can be edited only with shopify plus plan. Even I give you the code. It wont read in all files in the theme. Sorry for that.

Understood Made4, thanx for your help!

1 Like

Welcome!