Completely blacked out button under view cart after adding item

Solved

Completely blacked out button under view cart after adding item

Sfrost0102
New Member
4 0 0

Hi I hope I can get help here. I cannot figure out how to get the button a customer would click to take them straight to checkout. When click the cart and the popup comes up, it looks all black. The button above "view cart" is fine. I have searched this, tried codes, and still wont fix it. 

Accepted Solutions (2)
BSSCommerce-B2B
Shopify Partner
1972 564 568

This is an accepted solution.

@Sfrost0102,

Step 1: Go to Admin -> Online store -> Theme > Edit code

Step 2: Search for the file theme.liquid

Step 3: Add this code before </body> tag

<style>
#cart-notification-form > button[name="checkout"] {
  color: #fff!important;
}
</style>

Result:

BSSCommerceB2B_0-1728443973246.png

If it helps you, please like and mark it as the solution.

Best Regards 😊

 

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

View solution in original post

BSSCommerce-B2B
Shopify Partner
1972 564 568

This is an accepted solution.

@Sfrost0102, Change the previous code like this

<style>
#cart-notification-form > button[name="checkout"],
#cart-icon-bubble .cart-count-bubble {
  color: #fff!important;
}
</style>

Result:

BSSCommerceB2B_0-1728446730201.png

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

View solution in original post

Replies 7 (7)

Moeed
Shopify Partner
7330 1987 2423

Hey @Sfrost0102 

 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


Sfrost0102
New Member
4 0 0

https://eyeease.net/products/wireless-smart-eye-massager

 

This is a direct link to an item. Also, there is a black dot on the cart button in the header as well and I don't seem to understand why either. Thank you!

BSSCommerce-B2B
Shopify Partner
1972 564 568

This is an accepted solution.

@Sfrost0102,

Step 1: Go to Admin -> Online store -> Theme > Edit code

Step 2: Search for the file theme.liquid

Step 3: Add this code before </body> tag

<style>
#cart-notification-form > button[name="checkout"] {
  color: #fff!important;
}
</style>

Result:

BSSCommerceB2B_0-1728443973246.png

If it helps you, please like and mark it as the solution.

Best Regards 😊

 

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

Sfrost0102
New Member
4 0 0

Yes thank you! Also, Do you happen to know how to remove that black dot on the shopping bag at the top? I don't think it looks right

 

BSSCommerce-B2B
Shopify Partner
1972 564 568

This is an accepted solution.

@Sfrost0102, Change the previous code like this

<style>
#cart-notification-form > button[name="checkout"],
#cart-icon-bubble .cart-count-bubble {
  color: #fff!important;
}
</style>

Result:

BSSCommerceB2B_0-1728446730201.png

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

Sfrost0102
New Member
4 0 0

Worked perfectly! Thank you so much!

Dan-From-Ryviu
Shopify Partner
11522 2255 2436

Hi @Sfrost0102 

Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings to solve the issue 

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

Screenshot 2024-10-09 at 10.36.26.png

- Helpful? Like & Accept solution! - Support me? Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.