A user is experiencing color visibility issues on a Shopify site using the White Luxe theme from Etsy.
Primary Issue:
The cart quantity indicator displays in white, making it invisible against the navy blue header. The user wants to change it to black for better contrast.
Solution Provided:
A community member shared CSS code to override the cart count bubble styling by adding specific rules to the theme’s base.css file. The solution targets the .cart-count-bubble element and overrides the --color-base-background-1 variable.
Important Note:
The helper emphasized backing up the theme before making any file modifications.
Follow-up:
The original poster successfully implemented the fix and requested additional code to adjust text colors in the cart notification popup box. This secondary issue remains unresolved.
hi! im working on a website and struggling in two spots.
first, because navy blue was chosen for the header, my cart quanity is set to white. ive messed with all of the colors, and searched for the coding with no luck. id like it changed to black. any suggestions?
theme preview https://vtwz80uo1q7qw3l6-48114466969.shopifypreview.com
white luxe, a paid theme from etsy i use often. im only running into this problem because of the color accents she chose
Always backup a theme before making changes to files
Hi @abcerra1 add the following CSS to the themes base.css file to override the styling coming from the .cart-count-bubble earlier in the style rules.
/* override the --color-base-background-1 variable coming from theme settings */
div.cart-count-bubble { color: black; }
thank you so so much!
do you have a code to override the text colors in the cart notification box pop up?