Shopify themes, liquid, logos, and UX
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?
Solved! Go to the solution
This is an accepted solution.
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 </head>
{% 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:
I hope this helps
Best,
Daisy
Hello @silenceclothing ,
Here are the steps to apply the necessary changes in your Shopify store:
div#CartDrawer .drawer__inner button#CartDrawer-Checkout {
background: white;
color: black !important;
}
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 </head>
<style>
button#CartDrawer-Checkout {
background: white !important;
}
button#CartDrawer-Checkout:before {
color: black !important;
}
</style>
If you find my advice helpful please remember to LIKE and accept as SOLUTION.
Thanks!
the button just turns grey and nothing happend with the border around quantity
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
Step 2: I'm trying to apply code.. you can check results below but above tags also efffective.
Hope you will get my all points, after this you will face any problem so kindly inbox me
Thank you!
This is an accepted solution.
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 </head>
{% 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:
I hope this helps
Best,
Daisy
Hello, this worked ! Thanks:)
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025