change Add to cart font color from code editor

7 0 3


I am trying to change the colors of my add to cart and buy now button. I managed to changed the buy now button however the add to cart is working but the button's color itself doesn't want to change.

Here is the code i have added to my  style.css.liquid

.button.button--large {
background-color: red;
border: 2px solid green;
color: white;

/* Hover */
.button.button--large:hover {
background-color: crimson !important;
border: 2px gray !important;
color: white !important;

.shopify-payment-button__button.shopify-payment-button__button--unbranded {
background-color: black !important;
border: 2px solid black !important;
color: white !important;

/* Hover */
.shopify-payment-button__button.shopify-payment-button__button--unbranded:hover {
background-color: gray !important;
border: 2px black !important;
color: white !important;

Shopify Expert
2239 370 486

Hello There,

Please share your store URL and Screenshot.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Shopify Apps URL :-
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
Shopify Partner
7443 1765 2366


Please share your store URL.

If helpful then please Like and Accept Solution | Email: | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
Shopify Partner
1416 400 956

hello @norine-96 

Please provide website url and if your store is password protected then also provide password So I will check and provide a solution here.

Want to theme customize contact us E-mail :
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store