Please Help: How can I change the color of my add to cart button?

[JohnSmith2]

Hi Everyone!

Can someone please help me figure out the code and where to put it to change the color of my Add to Cart button? I need it to be green #A7C957 with white text.

My website:

https://www.axladvanced.com/products/tactical-qb-sleeve-arm-dope-card-holder

Thank you!

[Betterave-Nina]

Hi @JohnSmith2 .

Here’s how to change the button/text color.

1: Go to Online Store → Theme → Edit code
2: Search file theme.scss.ss
3: Add the following code to the bottom of the file → Save

.product-form__item button.btn {
	background-color: #A7C957!important;
}

.product-form__item button.btn span{
	color: #ffffff;
}

If done correctly, the result should be:

I hope this helps!

[JohnSmith2]

It broke my frequently bought together app’s “Add Bundle to Cart” Button. How can I get the text to be white for this too?

It’s showing all green for that button and I’m not seeing an option to fix that in the app. The regular add to cart button change worked!

Broke picture:

Before Change:

[Betterave-Nina]

Are you using the exact code I’ve provided? The ruleset shouldn’t affect the bundle button as it has a different class. I can’t reproduce the issue.

Currently the bundle button is green and the “add to cart” button is white.

If you apply the ruleset I provided you should have two green buttons with white text.

[JohnSmith2]

Yes! I was able to get the app developer to fix it on their end. I’m good to go, thank you!

[Betterave-Nina]

Anytime! Glad that I helped!