Issue: A small piece of text in the cart drawer remained black after styling other text to white when the cart is reopened from the checkout page. The behavior occurs on both mobile and desktop.
Reproduction: Navigate to checkout, then click the cart icon to reopen the cart drawer; the specific text (shown in a screenshot) appears black.
Fix: Add the following CSS to base.css to override the color:
small.tax-note.caption-large.rte, .cart__note label { color: #fff !important; }
This targets the tax note and cart note label, forcing white text.
Outcome: The change worked immediately; the issue is resolved. No further questions or pending actions.
Notes: A screenshot was provided to indicate the affected text segment.
Once you are at the checkout page and you click the cart button again, the text circled in the picture is black. I’ve added code to change the rest of the text to white but that small piece of text is still black. Any help would be greatly appreciated! Thank you.
My Store URL is https://bloomboxspa.com/
I stand corrected it is not only on mobile. The problem appears on desktop as well.
@bloomboxspakit checking
Once at checkout, if the cart icon is clicked again, the problem appears.
@bloomboxspakit paste code in base.css
small.tax-note.caption-large.rte, .cart__note label {
color: #fff !important;
}
Like a charm. Thank you!
@bloomboxspakit Welcome
Feel free to reach out if you have any questions or need assistance.