notifyjs-corner. How do you change the background color?

-- HikaShop version -- : 5.1.1
-- Joomla version -- : 5.1.4
-- PHP version -- : 8.1.0

notifyjs-corner

When I click on the Add to Cart button the colour of the pop-up box is light blue. (IF the cart is full it is a pale orange/brown). How do I change these colours?

I have tried adding a css rule background-color: #999 as the site I have designed is monochrome. This css just adds a grey box BEHIND the pop-up, it does not change the colour of the pop-up.

I have looked at other posts on these boxes but haven't seen an answer to this problem.

Thank you Philppe.

I have changed the background colour which was the main issue but the font colour is not responding. The border colour has also responded to the new css. This is what I have tried, also hiding the thumbnail image in thenpopup.

thetableedit.com/index.php/tte-shop/prod...shop-with-antoinette

.notifyjs-metro-info {
color: #000000 !important;
background-color: #ffffff !important;
border: 1px solid #000000 !important;
}
.notifyjs-metro-info img {
display:none !important;
}
.notifyjs-metro-info span, .notifyjs-metro-info p, . notifyjs-corner p, .notifyjs-corner span {
color: black !important;
}

That's worked - thank you.
Other users might find this code useful.

.notifyjs-corner .notifyjs-container .notifyjs-metro-info {
color: #333333 !important;
background-color: #ffffff !important;
border: 1px solid #333333 !important;
font-family: Gill Sans Light, Open Sans, Gills Sans, Gill Sans MT,Century Gothic,Verdana,Arial,sans-serif;
font-weight: 100 !important;
font-size: 0.5em ;
letter-spacing: 0.2em;
line-height: 3em;
}
.notifyjs-corner .notifyjs-container .notifyjs-metro-info img {
display:none !important;
}
.notifyjs-corner{
width: 150px;
}