Change 'add to cart' button colours in product grid and product page

[elysia1]

Is anyone please able to help me change the background, border and text colours of my 'add to cart' button in both my product grids (collection pages) and actual product pages? I'm using the Dawn theme.

This is currently the button on product grids:

This is the button on the product page (it has a pink border I can't seem to get rid of):

I want both buttons to just have a black background, black border and white text. I also want the hover behaviour to be the same as the 'shop now' button I have on my landing page. 

Here is my URL: https://shopnailme-869.myshopify.com/

It's password protected but I'm happy to email it to anyone who can help. Thanks!

[BSS-Commerce]

Hi @elysia1 

We're happy to support you. Can you kindly share your store password with us? 

[elysia1]

Hi, thanks and password is 'ukeidu'

[elysia1]

Hi just following up if you're able to help me with this? thanks

[BSS-Commerce]

Hi @elysia1 

Please go to Online store > Themes > Edit code, and add the following code at the end of the base.css file:

.product-form__buttons button[type="submit"]:after {
  box-shadow: none !important;
}
.product-form__buttons button[type="submit"]:hover:after {
  box-shadow: 0 0 3px black !important;
}
.quick-add__submit.button.button--full-width.button--secondary {
      background-color: black;
    color: white;
}
.quick-add__submit.button.button--full-width.button--secondary:after {
  box-shadow: none !important;
}
.quick-add__submit.button.button--full-width.button--secondary:hover:after {
  box-shadow: 0 0 3px black !important;
}

We hope that it will work for you.

[atomicmud]

This worked for me. Thank you.