I am truly frustrated. I had no idea that the checkout button was blank until I was making some changes and viewed my live site. The chat was of no help and I really need this fixed asap. phatbathandbody.com
Topic summary
A merchant discovered their checkout button in the mini cart was invisible to customers, appearing as a blank space despite being functional. The issue affected the Dawn 2.0 theme.
Root Cause:
The checkout button and cart count bubble had white text on a white background, making them invisible.
Solution Provided:
Two CSS fixes were shared to add to the base.css file:
- For the cart count bubble:
.cart-count-bubble {
color: #fff !important;
}
- For the checkout button:
[name="checkout"] {
color: #fff !important;
}
Resolution:
Both fixes successfully resolved the visibility issues. The merchant temporarily switched from a popup to a drawer cart while troubleshooting, but the CSS solution allowed them to restore full functionality.
Where I can find that popup in which this checkout button is ?
its under view cart it works but doesn’t say what it is. I have removed the pop up and used a drawer until I can get it to work.
correct
To fix this go to your online store → edit code → base.css file
and paste this code there in the end of file
.cart-count-bubble {
color: #fff !important;
}
that fixed the count bubble. thank you. the checkout is still blank
to fix that paste this code in base.css file in the end
[name="checkout"] {
color: #fff !important;
}
1 Like
You are AWESOME! Thank you!
1 Like