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

Check out box color

Check out box color

bnbrown88
Excursionist
40 0 9

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

IMG_2719.png

Replies 2 (2)

Bundler-Manuel
Astronaut
1195 56 141

Hello there @bnbrown88 this is from the official Shopify help centre 

IMG_1379.jpeg

 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

Emmanuel
Please let me know if it works by marking it as a solution!
Bundler - Product Bundles app, a great bundle app for Shopify, with glowing user testimonials and a free plan.

AnneLuo
Shopify Partner
1381 240 281

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:

AnneLuo_0-1730948148285.png


Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee