How do I make the "added to cart" notification opaque?

Topic summary

Issue: The cart dropdown (“added to cart” notification) appears transparent over page content, making text hard to read. The requester wants an opaque, black background and notes prior CSS attempts failed, likely due to a custom theme. A product page link was provided for review, along with a visual screenshot (image is central to understanding the readability problem).

Context: The site appears to use a background video, which may exacerbate readability when the cart notification overlay is transparent. No code snippets or theme-specific selectors were shared.

Latest update: A responder observed the background video and suggested removing it as a potential remedy. No direct CSS solution or theme-specific guidance was offered.

Status: Unresolved/ongoing. Next steps could include:

  • Applying theme-specific CSS to set an opaque black background on the cart dropdown.
  • Testing whether disabling/removing the background video improves readability.
  • Identifying the correct selector for the custom theme’s cart notification to ensure CSS overrides take effect.
Summarized with AI on December 12. AI used: gpt-5.

on my website, when you add something to the cart and you get the cart drop down notification, it is transparent and thus is very hard to read. How can I make it have a background that is black? ive tried some other solution and they didnt word for me, i assume because im using more of a custom theme

Thank you

https://nialovemore.com/products/dark-angel-sticker

pass: fairy

Hi @nialovemore

I found a video added to the background of the webpage. Can you consider removing this video?