Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
How do I change the color of this check out button? It’s currently white but I want to change it to blue violet (hex code: #8A2BE2)
url:ausomeapparelco.com
Hello there @bnbrown88 this is from the official Shopify help centre
If you want to do this on your phone or just want extra information, you can check it all here https://help.shopify.com/en/manual/online-store/dynamic-checkout/customize-button
You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code before the </head> tag
<style>
.cart-drawer .cart__checkout-button {
background-color: #8A2BE2 !important;
color: #fff !important;
}
.cart-drawer .cart__checkout-button:after{
content: unset !important;
}
</style>
Result:
Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!