Changing Color on the "add to cart" button, Motion theme

Store Design
1

Hi -

I’ve tried all the solutions I could find and none of them are working on this theme. This code is the suggested fix and does not work - assets>theme.css (add to bottom of file) :

.add-to-cart {
  background-color: #000000;
  color: #ffffff;
}  

Any help is most appreciated!

1 Like
2

Please share your shop url so I can check and send you the right CSS code.

3

Thank you.

1 Like
4

@CindyB1

can you please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
.payment-buttons .add-to-cart {background: #000 !important;color: #fff !important;}
5

Thank YOU! Yes, that worked! I may be pushing it - any chance you may know the “check out” button code?

Thanks again!

6

@CindyB1

yes, please show me which button

7

this is the cart drawer.

1 Like
8

@CindyB1

yes, please add this code

.drawer .cart__checkout {background: #FF721B!important;}
9

Hello Ketan

I tried your method as you stated above but unfortunately it didn’t work for me. i already try to change the color and the size of my checkout button for so long but every method didnt work. i need your help please. i have the motion theme too.

10

Hi

How to i add animation to add to cart button on motion theme?

1 Like