How to edit a blank checkout button in the cart?

How to edit a blank checkout button in the cart?

ap2025
Visitor
1 0 0

Hello, 

After I add a product to my cart it has a blank checkout button above all of the other payment options. I cannot figure out how to edit this so that I can add text. My product page on my website is https://printerpal-shop.com/products/printer-pal-2-0-portable-thermal-mini-printer Below are screenshots of the pop-up my cart page and the standard my cart page. I would greatly appreciate any help!

Screen Shot 2023-08-15 at 10.39.33 AM.png

Screen Shot 2023-08-15 at 10.40.07 AM.png

Replies 2 (2)

Guleria
Shopify Partner
3963 792 1126

Hello @ap2025 ,

 

Follow these steps:

1. Go to Online Store -> Theme -> Edit code

2. Open your base.css file and paste the following code below:

#cart-notification-form button, button#checkout {
    color: #fff;
}

 

Thanks

- Custom themes, UI/UX design, ongoing maintenance & support.
- Drop an email   if you are looking for quick fix or any customization
- Email: guleriathakur43@gmail.com Skype: live:navrocks1
- Try GEMPAGES a great page builder

PageFly-Noah
Shopify Partner
1317 233 280

 

Hi @ap2025 

 

This is Noah 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#checkout, button[name="checkout"] {
color: #fff !important;
}
</style>

PageFlyNoah_0-1692187555253.png

 

Hope this can help you solve the issue 

 

Best regards,

Noah | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.