How to change the Add to Cart button color on Rave theme?

Hello!

I need assistance changing my Add to Cart button to color #c3993a with white text. I am currently using the Rave theme. Thanks in advance!

2 Likes

Hi @McCaskill850 , could you share your store URL?

faddishi.myshopify.com

@McCaskill850

Please add the following CSS code to your assets/base.css bottom of the file.

.product-form__submit.button{
    color: #fff !important;
    background-color: #c3993a !important;
}

Thanks!

Hi @McCaskill850

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->Base.css

.product-form__submit.button{
    color: #fff !important;
    background-color: #c3993a !important;
}

Hope you find my answer helpful!

Best regards,

Victor | PageFly

Hi @McCaskill850

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the base.css file:

.product-form__submit {color: #fff !important; background-color: #c3993a !important;}
.button:after, .shopify-challenge__button:after, .customer button:after, .shopify-payment-button__button–unbranded:after {box-shadow: none !important;}

Regards,

San

Hello @McCaskill850

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

button.product-form__submit.button.button--full-width.button--secondary {
    background: #c3993a !important;
    color: #fff !important;
}

Please go to your store admin > Sale channels > Online store > Themes > Edit code

In Assets > open base.css file and add this CSS code at the bottom of your file

.product-form__buttons .product-form__submit { 
background: #c3993a !important; color: #fff !important; 
}

Here is the result

This works! Thanks.

1 Like

@McCaskill850

If helpful then please Like the solution

Thanks!

Happy I could help