How to change color of add to cart button on Motion theme?

[swissbutik]

How to change color of add to cart button on Motion theme? 

[diego_ezfy · Accepted solution]

Hey @swissbutik@swissbutik,

I hope you're doing well!

1. From your Shopify Admin go to online store > themes > actions > edit code
2. In your theme.liquid file, find the </body> (press CTRL + F or command + F on Mac)
3. paste this code right above the </body> tag:

<style>
[class*='product'] button[data-add-to-cart]{
background: #000 !important;
border-color: #000 !important;
color: #fff !important
}

[class*='product'] button[data-add-to-cart]:hover{
background: #000 !important;
border-color: #000 !important;
color: #fff !important
}


</style>

You can change the hex value to any color you wish.

#000 = background
#fff = text

If it helps you please click on the "like" button and mark this answer as a solution!

Thank you.


Kind regards,
Diego

[swissbutik]

Do you also know how to change the color of the pricing and make it bold? The discount price

[Made4uo-Ribe]

Hi @swissbutik 

Would you mind to share your store URL? Thanks!