Shopify themes, liquid, logos, and UX
Hey ! the span of cart header icon disappear when you click add to cart product on product page view :
the code of it is actually that on base.css:
.cart-notification-product__image img
{margin-top: 0 !important;
}
#cart-notification-button,
.cart-notification__links > button {
color: rgb(var(--color-foreground))!important;
}
.cart-count-bubble {
left: auto!important;
right: 0px!important
}
by the way, how can i change the color of button of cart notification pop up ? and as you can see below buttons have a line that i want to hide
thanks !
Hello @UTOPIA-PARIS
You can add code by following these steps
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. Paste the below code before </body> on theme.liquid
<style>
a#cart-notification-button {
background: #000;
color: #fff !important;
}
.active:after {
content: unset !important;
}
</style>
my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
hey ! for the cart notification it's work !
but the span is still hidden :
before click add button :
after :
Discover how to increase customer engagement on your store with articles from Shopify A...
By Jacqui Apr 23, 2025Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025