Can someone help me with changing the color of my add to cart button and text with a hover color?

Store Design
1

I was looking to use this code found in another post:

.product-single__box .c-btn–primary {
background: #3f5147;
color: #ffffff;
}
.product-single__box .c-btn–primary:hover,
.product-single__box .c-btn–primary:focus {
background: #2c332f;
color: #ffffff;
}

I am using the Shopify Craft 8.0 theme. I tried it in base.css and it didn’t work. Other posts talk about a theme.css and I do not have that.

HELP!

2

Hello,

Please add your store url to take a look.

Thank you

3

sure. It’s chicorybaby.com

4

Hi @thebearhustle ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/base.css->paste below code at the bottom of the file:

.product-form__buttons > button {
  background: #3f5147;
  color: #ffffff;
    
}
.product-form__buttons > button:hover {
  background: #2c332f;
  color: #ffffff;
    
}

PageFlyVictor_0-1677528455508.png

Hope my answer will help you.

Best regards,

Victor | PageFly

5

Great! It worked! Not sure why it didn’t when I was trying this! Thanks!