Button Colour Change

[caitlynneal]

I want to change my add to cart button to be red and not outlined. and on hover state, the text stays white. how do i add this in?

it wont let me in my current theme when I add in the shop pay button

https://silksoothehair.com/products/silksoothe%E2%84%A2-premium-red-light-massage-brush

[Moeed · Accepted solution]

Hey @caitlynneal 

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 </body> tag

<style>
.product-form__submit {
    background: #B02E3C !important;
    color: white !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Mehran_Ali]

Hi @caitlynneal 

Try using this CSS code:

You just need to follow these steps:

1) Go to the Online Store
2) Edit Code
3) Find theme.css / base.css

And past that CSS Code:

.product-form__submit, .product-form__submit:hover { background-color: rgb(var(--color-button-text)); color: white; }

I hope this solution works for you!
If it does, please Like It and Mark It As A Solution, or support me by Buying Me A Coffee to keep me going!