Cart bubble count not visible (black text on black background)

Store Design
1

Hi everyone,

I’m having an issue with my Shopify store: the cart bubble count doesn’t show the number because the circle is black and the number is also black, so it’s not visible.

How can I fix this? Is there a way to change either the number color or the bubble background color using CSS or in the theme editor?

Thank you in advance for your help!

3

@PeppePro02 search first
https://community.shopify.com/search?q=cart+bubble+notification+icon+color
Just add theme name.

If not found THEN comment theme name and or provide an inspectable url.

4

Hi sorry i forgot to add it

5

In a custom css setting you’d change the cart icon text color for the DAWN theme v15.3.0 like so:

.cart-count-bubble { 
  color: rgb(var(--color-background));
}

https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/add-css

6

Hi @PeppePro02,

Please go to Customize > Theme settings > Custom CSS and add code:

.cart-count-bubble {
    color: #ffffff;
}

If I helped you, then a Like would be truly appreciated.

7

Hello @PeppePro02 ,

Here are the steps to apply the necessary changes in your Shopify store:

  1. In your Shopify Admin, navigate to Online Store > Themes > Actions > Edit Code.
  2. Locate Asset > base.css and paste the following code at the bottom of the file:
.cart-count-bubble {
    color: #fff !important;
    font-weight: 600 !important;
}

image
image312×192 3.49 KB

Let me know if you need further assistance!

8

Thx a lot it works !!