Solved

How to change background color of buttons - Publisher Theme

walkermatter
Tourist
7 0 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!

Accepted Solution (1)

HDL-Shin
Shopify Partner
80 20 14

This is an accepted solution.

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

 

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

HDLShin_1-1715649845972.png

 

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

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
♥️♥️♥️ HDL-Shin || Shopify Partner ♥️♥️♥️

View solution in original post

Replies 4 (4)

HDL-Shin
Shopify Partner
80 20 14

This is an accepted solution.

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

 

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

HDLShin_1-1715649845972.png

 

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

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
♥️♥️♥️ HDL-Shin || Shopify Partner ♥️♥️♥️
walkermatter
Tourist
7 0 1

Thanks! This was the right solution

Kyle_liu
Shopify Partner
27 6 6

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

 

Kyle_liu_0-1715651063425.png

 

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to contact me on (liushuaicc@shinetechsoftware.com)
walkermatter
Tourist
7 0 1

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.