How to change the button color and font size for "Proceed to Checkout" drawer button

[Ecomseller2025]

Hello,

I am using the Shopify Dawn theme 10.0.0 version. I have a code added to my base.css file to make my "ADD TO CART" button bigger and green as shown in attached screenshot (code below).Now I would like to have this same font size and color added to my "Proceed to Checkout" button that pops up whenever the "ADD TO CART" button is clicked as shown in attached screenshot. So How do I change this? Also How do I make the same font and color change to my "Continue to Shopping" button as shown in attached screenshot? I would greatly appreciate your responses, thanks!

product-form [type="submit"] {

color: #FFFFFF !important;

background-color: #58b42d !important; font-size:21px;

font-weight: bolder !important;

}

[theycallmemakka]

Hi @Ecomseller2025 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find base.css file
4) Add the following code at the end of base.css

<style>
button#CartDrawer-Checkout {
    color: #FFFFFF !important;
    background-color: #58b42d !important; 
    font-size:21px;    
    font-weight: bolder !important;
}
</style>

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

[Ecomseller2025]

Thank you for your response. I tried the steps but it didn't work, the color of the "PROCEDD TO CHECKOUT" button still shows up as below. Please advise.

[theycallmemakka]

Can you provide link to the store?

[Ecomseller2025]

sorry I can't, due to personal reasons.

[theycallmemakka]

@Ecomseller2025 you can send it to me via personal mesage.

[Ecomseller2025 · Accepted solution]

For anyone facing this issue, I was able to resolve it myself using ChatGPT. The solution is as below from ChatGPT, it worked!

1. From your Shopify admin, go to Online Store > Themes.
2. Find the theme you want to edit and click Actions > Edit code.
3. In the left sidebar, under the "Assets" folder, look for the base.css file.
4. Click on the base.css file to open it for editing.
5. Scroll to the bottom of the file and add this code:   .cart-drawer .cart__checkout-button {
   background-color: #58b42d; /* Change button background color */
   color: #ffffff; /* Change button text color */
   font-size: 21px; /* Change button font size */
   font-weight: bold; /* Make button text bold */
   }