How to Change Cart Notification Popup Background Color - Craft Theme

Technical Q&A
1

How to change the cart notification popup background color. Current it looks like the attached screenshot.

Screen Shot 2022-08-11 at 12.29.18 PM.png
Screen Shot 2022-08-11 at 12.29.18 PM.png2560×1600 595 KB

I have searched the community for answers and on YouTube and only find solutions for button colors, etc. I need to change the background color of the cart notification popup so that the page doesn’t show thru it.

Also I did go into Inspect Elements and think I am looking for the right name “cart-notification”. Maybe not, because adding this code to the end of the “component-cart-notification.css” didn’t change anything:

/* add cart notification wrapper background to white BD 8/11/12:20p */
.cart-notification-wrapper .cart-notiication {
background-color: #FFFFFF !important;
}

end code clip

Thank you for your help!

Brenda

2

Hi @BDoro ,

Go to Assets > base.css and paste this at the bottom of the file:

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

Hope it helps!