A user’s shopping cart popup displays with a transparent background, making it difficult to read due to background images showing through.
Root Cause:
The cart has transparency/opacity applied, likely from:
Proposed Solutions:
Check theme settings: Navigate to Theme settings > Color and verify the selected color scheme doesn’t use transparent backgrounds. Test with white or solid colors.
Apply CSS fix: Add custom CSS to force a white background:
.cart-drawer__inner {
background-color: #fff;
}
This code should be pasted in: Online Store > Themes > Customize > Settings > Custom CSS.
Status: Multiple community members offered to investigate further with store access. The user shared their store URL (bournelondon.myshopify.com) and password. One collaborator code attempt failed. A CSS solution has been provided but implementation confirmation is pending.
Hi, I have just started on my new site, when I add something to my shopping cart and click on it I cannot see the cart clearly. There are images in the background. Anyone able to tell me how I sort this please . As you can see from the photo below it is not clear
Thank you
@user1646 can you please share this page link?
Hi @user1646
Welcome to the community.
It looks like your cart has a transparent background, instead of standard white. Check your theme settings, for cart and general, and see if you have all colors set. That also could be a custom code, but from the image, we can not get many clues and it is only guessing. If you want, please share a store link, and if the frontend is password-protected, then the password too.
Hello @user1646 ,
I hope you are well!
This is due to opacity which has been added to the cart popup. Can you please provide the store URL so that I can provide you the CSS which will fix the opacity and cart popup will appear automatically.
Hey @user1646,
The requested changes requires to do the custom code in your theme file. Could you please share the Store url and collab code in the p/m so that i can take a look and implement the requested changes.
Thanks
Hi @user1646
Welcome to the Shopify Community! Please share your store URL and password (if it’s password-protected), so I can check and provide you with the exact solution.
The collab code is wrong. Please send me the correct one.
You have chosen a color scheme in Theme settings > Color that has a transparent background, or there is an issue in your code. Double-check you selected the color scheme and try to set different colors for a test, white should be fine
