How do I change add to cart/basket button colour and customize it. My theme is Dawn

Store Design
1

I want to change the outline of the add to cart button without changing other areas of the website. Only the button to a shade of red. I’ve tried using inspect element and changing from the theme files but to no avail. Any help would be appreciated. I don’t have theme.css file on my edit theme code, I have theme.liquid and base.css.

2

Hi @CEOAli ,

You can try this code

  1. Go to Online Store-> Theme->Edit code
  2. Asset-> base.css ->paste the below code at the bottom of the file.
.product-form__submit:after {
    box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgb(27 3 3);
}
3

Hi Ahsan,

I’ve tried it but it doesn’t seem to change anything, I want to change this button

CEOAli_0-1664241263830.png
CEOAli_0-1664241263830.png547×110 748 Bytes

to a shade of red/customize it.

Kind regards, Ali

4

Please share your store address so that I can provide you with exact working code.

5

please try this code

.product-form__submit {
    background-color: #c96666 !important;
    color: #fff !important;
}
1 Like
6

Worked now, Thanks!