Prestige theme: How can I change the color of the checkout button in the drawer/cart page?

I need help with How can I on my website. It should be the same as the ATC button. I haven’t found a working code snippet for the checkout button in the drawer/cart page though.

I use Prestige theme. Storelink: www.nonu.shop

Thanks!

Hello @Startup87

It’s GemPages support team and glad to support you today.

I would like to give you a solution to support you.

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid theme file.

  3. Paste the below code before :


You can also replace it with another color code.

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

Hello @Startup87

I would like to give you a solution to support you:

  1. Go to Online Store-> Theme-> Edit code
  2. Open your theme.liquid theme file
  3. Paste the below code before :
<style>
button.Cart__Checkout.Button {
background: #72a838 !important;
color: #fff !important;
border-color: #72a838 !important;
}
.Cart__Checkout:before {
background: #72a838 !important;
}
</style>

Was my reply helpful? Please Like and Accept Solution. This mean alot to me.

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.css and paste this at the bottom of the file:
button.Cart__Checkout.Button.Button--primary.Button--full {
color: #fff;
}
button.Cart__Checkout.Button.Button--primary.Button--full::before {
background-color: #72a838 !important;
}

@Startup87
put below css into theme.liquid file before closing tag


It worked! Thank you very much!