How to change background color of buttons - Publisher Theme

Store Design
, ,
1

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!

2

Hi @walkermatter ,

You can try this code by following these steps:

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

HDLShin_0-1715649840997.png
HDLShin_0-1715649840997.png1902×899 133 KB

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

HDLShin_1-1715649845972.png
HDLShin_1-1715649845972.png1916×934 101 KB

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

3

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

Kyle_liu_0-1715651063425.png
Kyle_liu_0-1715651063425.png1869×1072 308 KB

4

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.

5

Thanks! This was the right solution