how to change color on checkout button in cart drawer

Store Design
, , ,
1

hello. i want to make the go to chackout button white, and also the border around the quantity chooser white. does anyone know how to do this?

silenceclothing_0-1736763339540.png
silenceclothing_0-1736763339540.png510×789 40.2 KB

2

Hello @silenceclothing ,
Here are the steps to apply the necessary changes in your Shopify store:

  • In your Shopify Admin, navigate to Online Store > Themes > Actions > Edit Code.
  • Locate Asset > base.css and paste the following code at the bottom of the file:
div#CartDrawer .drawer__inner button#CartDrawer-Checkout {
    background: white;
    color: black !important;
}
3

Hi @silenceclothing

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. In theme.liquid, paste the below code before

If you find my advice helpful please remember to LIKE and accept as SOLUTION.
Thanks!

4

the button just turns grey and nothing happend with the border around quantity

silenceclothing_0-1736765673980.png

5

I saw your complete code, you put some id’s in all cart sections, that’s why you are not able to apply some specific code.. so please reove id’s from div then you can apply all custom easily..
Step 1: First you need to remove this id

image.png

Step 2: I’m trying to apply code.. you can check results below but above tags also efffective.

image.png
image.png625×570 57.3 KB

Hope you will get my all points, after this you will face any problem so kindly inbox me
Thank you!

6

Hi @silenceclothing

In order to fulfill your request, please follow these steps
Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code
Step 2: Search file theme.liquid
Step 3: Insert this code above 

{% style %}
.quantity:after {
    box-shadow: 0 0 0 var(--inputs-border-width) white !important;
}
div#CartDrawer button#CartDrawer-Checkout {
    color: black !important;
}
{% endstyle %}

Here is the result:

image_720.png
image_720.png720×597 202 KB

I hope this helps

Best,

Daisy

7

Hello, this worked ! Thanks:)