Refresh - need solid button colour

I would like to change the add-to-cart button to be solid rather than just an outline. I believe I will need some code to do this. Can someone help me please

JessFFF_0-1744183323249.png

The theme I’m using is refresh.

Thank you

Hey @Jess-FFF

Share your store URL & Password if enabled.

Best Regards,

Moeed

fuzzkit.nz - password seabea

Hey @Jess-FFF

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag


RESULT:

If I managed to solve your problem then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

To change the button only requires you changing your button style though the theme editor setting

Thank you, that works great for 7 products! but I have a separate product page featuring one product ( as shown) - can you provide a solution for this also?

unfortunately it doesn’t work for refresh, but, the code above works.

That’s great

Hey @Jess-FFF

Just simply keep the previous code and add this new code above in the end of theme.liquid file.

.product-form__submit:after {
    box-shadow: unset !important;
}
.product-form__submit {
    background: rgb(70, 152, 186) !important;
    color: white !important;
}

RESULT:

If I managed to solve your problem then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

thank you so much, I have tried lots of recommended code which hasn’t worked, but this is brilliant!

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.