i need help inverting the colors of the cart number colors, i want the numbe to be black and the circcle to be white
Store- Blissbloom.shop
The numbers are already black. Or which numbers are you talking about exactly? the price?
Hi @blissbloomaesthetic ,
You can easily invert the colors of your cart icon badge (the number bubble) with a bit of custom CSS. Here’s how:
/* Invert cart badge colors */
.cart-count-bubble, .cart-count {
background-color: white !important; /* Circle color */
color: black !important; /* Number color */
border: 1px solid black; /* Optional: thin border for visibility */
}
Tip:
If the badge class in your theme is different (for example, .cart-icon-bubble or .header__cart-count), use Inspect Element in your browser to confirm the exact class name and replace it in the CSS.
If this solves your issue, don’t forget to mark it as an Accepted Solution so others can find it helpful too!