Change Add to basket button colour and text

[samr66]

Hello, 

Can anyone help with changing the ''ADD TO BASKET'' button to black and text to white for both desktop and mobile view.

I'm using the dawn theme (15.3.0) 

Thanks,

Sam

[websensepro]

Hi @samr66 , kindly provide your store URL please and if it is password protected, please share the password as well. Thanks

[samr66]

Hi,

it's - thescentedmeltshop.com -  password: shop90

[Mustafa_Ali]

hey @samr66 share the URLs of your website plz

[topnewyork]

Hi @samr66,

kindly provide your store URL please and if it is password protected, please share the password as well. Thanks

[samr66]

Hi, 

it's - thescentedmeltshop.com -  password: shop90

[topnewyork · Accepted solution]

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

.quick-add__submit {
    background: black !important;
    color: white !important;
}

Thanks!

[samr66]

Thank you it's worked! 

is there a way to make it the same on product page to?

[topnewyork]

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

.product-form__submit,
.quick-add__submit {
    background: black !important;
    color: white !important;
}

Thanks!

[samr66]

great, thanks for your help!

[Mustafa_Ali]

<style>
.quick-add__submit {
    background-color: black !important;
    color: white !important;
}
</style>

hey @samr66 @ dear follow these steps
Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->before the </body> ----->
before the body ----->
if this code work please do not forget to like and mark it solution

[Dkpatel]

Hi samr66,

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

<style>
.quick-add__submit {
    background-color: #000 !important;
    color: #fff !important;
}
</style>