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

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?

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.

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;
}