How can I change button colors in the Dawn theme without affecting the header?

[charlieharrier]

Hi there, I am currently running the dawn theme. I would like to change my solid colour buttons to black with the text the colour of #FFF5E4 without affecting my header. When I try to change it through shopify I can't work out how to keep my header colour #FFF5E4 but to have solid buttons be black instead so I think I need to add in some code to get this to work but my knowledge of css is virtually next to none. Any help with the code that would fix this would be great. My website is www.jewery-bargain.com. An example of the buttons I would like to change is the buttons on https://jewelry-bargain.com/pages/rings-affordable-high-quality-jewelry the buttons for Adding to Cart or View more (the buttons below products) . Hopefully you can help, many thanks. - Charlie.

[GemPages · Accepted solution]

Hello @charlieharrier 

It's GemPages support team and glad to support you today.

I would like to give you a solution to support you.

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

2. Open your theme.liquid theme file.

3. Paste the below code before </body>:

<style>
   .collection__view-all .button,
   .card--media .quick-add__submit{
     background: #000000;
     color: #FFF5E4;
   }
</style>

Result:

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.