How can I alter the checkout button color in my cart?

Technical Q&A
1

How would I change the color of the checkout button in the cart to a black button with white text?

showcase theme

website url: https://thepawcode.com/

storefront password: pasuth

Thanks!

1 Like
2

@Sensei_Ryan

can you please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/styles.css ->paste below code at the bottom of the file.
.under-cart .checkout-btn {background: #bae0fc;text-transform: uppercase;}
3

Hi @Sensei_Ryan ,

Try the code below.

Please place this code below to your global or common CSS file.

.button.qbk-clone-button{
background-color: rgb(17, 17, 17) !important;
color: rgb(255, 255, 255) !important;
}
4

Thanks! This worked though I had to change the text transform part to “color” and entered the hex code.

2 Likes
5

@Sensei_Ryan

its my pleasure to help us