Button Colour Change

Store Design
1

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

Screen Shot 2024-11-21 at 10.10.12 PM.png
Screen Shot 2024-11-21 at 10.10.12 PM.png916×800 46.8 KB

2

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 tag

RESULT:

Moeed_0-1732180614740.png
Moeed_0-1732180614740.png1022×745 380 KB

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

Best Regards,
Moeed

3

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!