Transparent section that overlaps page content and disables scrolling when clicking "view store info

[RainbowSweets]

On each product page, when clicking “view store information” (on desktop and mobile device) the text overlays on top of the page info on a transparent background which also disables scrolling. Is it possible to color this section to improve visibility for the visitor?

[RainbowSweets]

I’ve also discovered other transparent sections (checkout) and filtering collections that needs to be changed to opaque background to provide a better customer experience. Any feedback is appreciated. Please see screenshots below.

[Dan-From-Ryviu]

Hi @RainbowSweets

Please add this code to Custom CSS in Online Store> Themes > Customize > Theme settings.

.cart-notification-wrapper .cart-notification {
background-color: #fff !important;
}