Hi everyone, is there a way to make the (1) that is on the cart to #F0CA10 colour code? I have tried in scheme settings and theme settings though nothing changes it.
url: hygiadental.com
pw: melek
Thanks guys
Topic summary
A user wants to change the cart notification bubble color to #F0CA10 on their Shopify store’s homepage. They’ve tried adjusting scheme and theme settings without success.
Two solutions were provided:
-
BSSCommerce-HDL’s approach: Insert CSS code in the
theme.liquidfile above the</head>tag, targeting the cart bubble styling. -
niraj_patel’s approach: Add CSS code before the
</body>tag intheme.liquid, using:
.cart-count-bubble {
color: #F0CA10 !important;
}
Both solutions involve editing the theme’s liquid file and adding custom CSS to override the default cart bubble color. Screenshots were included showing the expected results. The thread appears resolved with working CSS customization methods.
1 Like
Hi @Anonymous ,
Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code
Step 2: Search file theme.liquid
Step 3: Insert this code above tag:
Here is result:
Hope this can help you,
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 
Hello @Anonymous
You can add code by following these steps
-
Go to Online Store → Theme → Edit code.
-
Open your theme.liquid file
-
Paste the below code before on theme.liquid
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.