How can I change the 'add to cart' button color to a solid background?

Store Design
1

Site zoticnewyork.com

I want to change the clear add to cart to a solid background

I want to make it this hex #0066A6

2

Hi @AMOB ,

It usually has options to change color of button in Online store > Themes > Customize > Theme settings > COLORS

Screenshot 2022-10-28 at 10.50.54.png
Screenshot 2022-10-28 at 10.50.54.png1607×637 118 KB

3

Its prestige

4

My add to cart is Transparent because I use dynamic

5

Go to your Online store > Themes > click on 3 dots button, Edit code > Assets > theme.css.liquid file and add this CSS code at the bottom

.ProductForm__AddToCart {
background: #0066A6 !important;
color: #fff !important;
}
1 Like
6

Did not work, and I do not have a theme.css.liquid I tired on theme.liquid and theme,css

7

So please add code in theme.css make sure you click Save button after adding code and reload your product page for checking

8

I did, and it did not work, again when you have dynamic button it makes the add to cart transparent, which I still added and it did not fix

9

Cannot see you added the code. Here is result when adding code I sent you above

Screenshot 2022-10-28 at 11.08.31.png
Screenshot 2022-10-28 at 11.08.31.png1805×726 169 KB

1 Like
10

check now I added it to the bottom of theme.css right now

11

Try to add this in your theme.liquid file
1 Like
12

Or try to use this code instead of

.Button--secondary {
background: #0066A6 !important;
color: #fff !important;
}
1 Like
13

worked ur amazing

1 Like
14

Happy I could help!

15

how do I make the add to cart text black

16

Replace #fff in a code with a black code, example #000