How can I modify the 'Add to Cart' button color in Impulse Theme?

Store Design
, , , ,
1

I’m using Impulse Theme and the add to cart button is black. How can I change the color?

i tried but not working mm

.add-to-cart {
background: #f2c352 !important;
font-weight: bold !important;
font-size: 13px;
color: Black;
}

2

Hi @Veli1

May I suggest to update code these steps:

  1. Go to Store Online-> theme → edit code
  2. Assets/theme.css
  3. Add code below to bottom of file
.add-to-cart {
	background: #f2c352!important;
	font-weight: bold!important;
	font-size: 13px!important;
	color: black!important;
}

If it doesn’t work. Could you please share store url and password? I will help to check

3

Simonsron_0-1673920181175.png
Simonsron_0-1673920181175.png1015×139 10.8 KB

remove this class,and then set your css with [.add-to-cart]

4

Hi @Veli1

You can try this code by following these steps:

Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag

PageFlyVictor_0-1673920722997.png
PageFlyVictor_0-1673920722997.png400×225 38.4 KB

Hope this answer helps.

Best regards,

Victor | PageFly

5

Hi @Veli1 ,

Glad to support you today.

You can check out my suggestion below to get your concern resolved.

  1. Go to Edit code on Online Store:

GemPages_0-1673922739314.png
GemPages_0-1673922739314.png400×162 25.3 KB

  1. add my code above the tag on Theme.liquid:

Eg:

GemPages_1-1673922908427.png
GemPages_1-1673922908427.png1376×863 53.4 KB

I hope you find the answer helpful.

Kind & Best regards,
GemPages Support Team.

1 Like
6

Worked thanks, how can I also change color for the Checkout button after putting the item in cart?

Oh, got it. It’s the same with cart__checkout