How can I change the add to cart button color in Showcase theme?

Store Design
1

Dear community,

I am working on Showcase theme and I am trying to change the color and hover color of my add to cart button without changing the color of the other buttons. I have tried adding some CSS but without much success so far.

My URL is kinderzimmer.de

Any help will be appreciated!

2

@lenarei , do this to fix it in 20 seconds:

  1. In your Shopify Admin go to: online store > themes > actions > edit code
  2. Find **Asset > styles.**css and paste this at the bottom of the file:
.product-detail__form__action > button{
    background: #000 !important;
    border-color: #000 !important;
    color: #fff !important;
}

.product-detail__form__action > button:hover{
    background: #dedede !important;
    color: #101010 !important;
}

/* == buy now button == */

.shopify-payment-button__button--unbranded{
  background: #000 !important;
    border-color: #000 !important;
    color: #fff !important;
    transition: opacity .3s,color .3s,background-color .3s,border-color .3s,transform .3s;
}
    

.shopify-payment-button__button--unbranded:hover{
  background: #dedede !important;
    color: #101010 !important;
    
}

#000 = background color

#fff = text color

#dedede = background color hover

#101010 = text color hover

The code below “buy now button” is for the “Buy now” button, you can disregard it if you wish.

If it helps you please click on the “like” button and mark this answer as a solution!

Thank you.

Kind regards,
Diego

3

Thanks so much, Diego! This does exactly what I wanted to do! :slightly_smiling_face: