Changing checkout button on Cart Drawer

[Gioily]

I can't find any code that changes the color/text for the checkout button on my cart drawer. Can someone please help me with this? 

Another question: Does anyone know how I can add free shipping above the price and show the discounted price compared to the previous price in the cart drawer?

I really appreciate any help you can provide.

[Made4uo-Ribe]

Hi @Gioily 

Please, share your store URL. Thanks!

[PageFly-Richard · Accepted solution]

Hi @Gioily 

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
button#CartDrawer-Checkout {
    color: red;
    background: blue;
}
</style>

Hope this can help you solve the issue 

Best regards,

Richard | PageFly 

[Gioily]

Your solution fixed it!

Thank you so much!!

[LizHoang]

Hi @Gioily, thanks for your question.

1. To change the background color of the checkout button, please go to Online Store > Themes > Actions [...] > Edit Code > Theme.liquid file > Paste the below code at the bottom of this file: 

<style>

.cart-drawer .cart__checkout-button {

          background: color code;

          color: color code;

}

</style>

2. To modify the button text, please go to Online Store > Themes > Actions [...] > Edit Code > Cart.liquid file > Find the button and change the text as needed.

I hope my answer will be helpful! 

Liz

[Gioily]

It worked when I put the code above the </head> part of the file!

I appreciate your help in resolving my problem 🙂