How can I change the transparency of my 'Add to Cart' popup?

Topic summary

Main issue: The Add to Cart popup in a Shopify Sense theme appeared transparent, making the cart hard to read.

  • Resolution for first case: A CSS rule was suggested to target the cart container (.CustomCartRoot_custom-cart-root_MhIHf) and set background-color: white !important. The user was instructed to add it via Online Store > Customize > Settings > Custom CSS. After adding, the popup displayed correctly and the user confirmed the fix.

  • Follow-up case: Another store owner asked if the same code would work. After sharing a screenshot and store password, the helper checked and saw the cart already rendering with a white background on the site, indicating no change was needed.

  • Notes: The issue primarily concerned CSS (style code controlling visual appearance) for the popup cart. Screenshots were shared to illustrate the transparency and the corrected display.

  • Outcome: First user’s transparency issue resolved by adding custom CSS. Second user’s issue appeared already fixed (possibly updated by someone working on the site). No open action items remain.

Summarized with AI on January 16. AI used: gpt-5.

Can you see the pop up cart is not good on mobile browser