How to change background color of buttons - Publisher Theme

[walkermatter]

I'd like all 'checkout' and 'add to cart' buttons to be black background, white text on my site

Going through Customize > Theme Settings > Color  does not affect these buttons for some reason.

Thanks in advance!

[HDL-Shin · Accepted solution]

Hi @walkermatter,

You can try this code by following these steps:

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file base.css, theme.css or styles.css

Step 3: Insert the below code at the bottom of the file -> Save

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

#cart-notification-form > button {
    background-color: black !important;
}

.cart__checkout-button.button {
    background-color: black !important;
}

Hope this can help you
Kind regards,

HDL-Shin

[walkermatter]

Thanks! This was the right solution

[Kyle_liu]

.product-form__submit {
background: #000;
color: #fff;
}

[walkermatter]

Thanks. this worked to change 'add to cart' on product page, but not the check out buttons. HDL Shin's solution worked for changing all.