A user encountered an issue with the Dawn theme’s cart pop-up displaying an unwanted shadow effect instead of a clean white background. They shared a screenshot showing the problematic appearance.
Solutions Provided:
Multiple developers offered CSS-based fixes:
Method 1 (base.css): Add #cart-notification{background:white !important;} to the bottom of the base.css file in the theme’s Assets folder
Method 2 (theme.liquid): Insert custom CSS styling in the theme.liquid file above the </head> tag, targeting the cart notification background color
Both approaches use CSS to override the default background styling causing the shadow effect.
Outcome:
The original poster confirmed one solution worked successfully. A follow-up question emerged about customizing the colors of the “View Cart” and “Checkout” buttons, indicating the discussion may continue with additional styling requests.
Hi there,
I hope you’re well.
I hope someone here can help me. I’m really struggling to edit the background color of the cart pop-up. I’m not sure why it’s displaying like this (please see the attached screenshot). I would like to have a white background without that weird shadow.
I would be really grateful if someone could help me with my issue.
Thank you in advance for your time.
Wen
Hi @WenMar
Can i take a look? Would you mind to share your store URL? Thanks!
Hey @WenMar ,
Can you share the link to your store please? Thanks!
@WenMar , do this to fix it in 20 seconds:
#cart-notification{
background:white !important;
}
If it helps you please click on the “like” button and mark this answer as a solution!
Thank you.
Kind regards,
Diego
Hey @WenMar ,
Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.
Screenshot is for reference only, the correct code to paste is the one shown above.
Hi @WenMar
This is Richard from PageFly - Shopify Page Builder App
Please add this code to your theme.liquid above the to get this solved
Step 1: Online Stores > Themes > More Actions > Edit code
Step 2: click on theme.liquid and paste the code above the
Hope this can help you solve the issue
Best regards,
Richard | PageFly
Thank you so much. It worked
