How to change color of Add To Cart button

Technical Q&A
1

Hi Shopify Community! Can I please get your help? I’m trying to change the color of my Add to Cart button, but I’m not turning up any effective solutions. Any advice from you experts? :slightly_smiling_face:

Below is a link to my product page.

Notice how the Add To Cart button is just too dark to be noticeable? :disappointed_face: I’d like the whole button itself to be YELLOW. Also open to any other ideas!

Product page: https://shopembrdiffuser.com/products/theembrdiffuser

2

Hi @embrdiffuser .

I am Richard Nguyen from PageFly - Advanced Page Builder.

You can go to Onlinestore=>themes=> action=> edit code and add this code on file section-main-product.css or theme.css and base.css

.product-form__submit{
  background-color: yellow !important;
  color: black !important;
}

Hope this helps.

Best regards,

Richard - PageFly

3

Hi @embrdiffuser !

4

@embrdiffuser

yes, please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
.product-form__submit {
background: #ffd766;
    color: #1f1f21;
    font-weight: bold;}