Change colour of add to cart button to solid red - Dawn theme

Store Design
1

Im trying to change the colour of the add to cart button to solid red on my product page , there are some guides on the forums that discuss changing the outline colour of the button but this seems to impact all buttons on the site and not just the ATC button

I use Dawn Theme

2

Red is generally a warning colour so you’d want to be sure that’s the colour you want to go with. It’s commonly associated with deleting - not adding.

Adding some CSS like this at the bottom of your stylesheet may help (or at least give you some inspiration). This hasn’t been tested so if it doesn’t quite hit the mark or still changes other buttons do come back with a reply post.

/* add an override for the add to to cart button */

button.product-form__submit {
    background-color: #a30000;
    color: #fff;
}

/* add an override for the add to to cart button border */
button.product-form__submit:after{
    box-shadow:none
}
3

Hello @PodfinAdmin

You can follow these steps:

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

GemPages_0-1670468934623.png
GemPages_0-1670468934623.png400×193 29.2 KB

  1. Open your theme.liquid file, paste the below code before

GemPages_1-1670468962649.png
GemPages_1-1670468962649.png947×805 28.6 KB

.product-form button.product-form__submit {
    background: #d50000;
    color: #fff;
}
.product-form button.product-form__submit:after {
    box-shadow: 0 0 0 1px #d50000;
}

.product-form button.product-form__submit:hover:after {
    box-shadow: 0 0 0 3px #d50000 !important;
}

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team