How can I alter the color of my Add to Cart button on the Prestige theme?

Store Design
1

Hi,

I want to change the background and the text colour of add to cart button on Prestige theme. I have checked previous threads but none of the codes work for me. Any advice will be much appreciated.

2

@ISS1 Send me store url

3

HI @ISS1 ,

Can you share your store URL ?

4

https://indigoz.online

1 Like
5

Hi @ISS1

Please use this code in CSS file
use color code as per your requirents

.Button--primary:before {
    background-color: #000 !important;
}
.Button--primary {
    color: #f00;
}
6

Hi @ISS1

Please use this code in CSS file
use color code as per your requirements

.Button--primary:before {
    background-color: #000 !important;
}
.Button--primary {
    color: #f00;
}
7

this code is changing colours of all buttons.. I need add to cart button colour different to highlight it.

8

Please try this code

.ProductForm__BuyButtons .Button--primary:before {
    background-color: #000 !important;
}
.ProductForm__BuyButtons .Button--primary:before {
    background-color: #000 !important;
}
9

Hi this worked! thank you.

Just one issue though. I have the highlight product block on Home page and the buy button there has become white. Is there any solution for that?

10

And I also want to make the Checkout button the same colour as Add to cart. Sorry I didn’t realise that this will also need a seperate code! will truly appreciate your help with this one too.