How to change the colour of "Just added to your cart" box?

Solved
ughy
Tourist
8 0 3

The current box you see is transparent after I have customized some settings in the theme. How can I change the colour of this box itself (that appears after adding an item to cart)?

Capture.PNG

0 Likes
dmwwebartisan
Shopify Partner
6669 1562 2026

@ughy 

Please share your website URL and password if any. I will check and provide a solution here.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
ughy
Tourist
8 0 3

Hi thanks for the response. I have emailed you the link and password instead (to your gmail) as I'm not comfortable with sharing the information here. Hope to hear from you soon!

dmwwebartisan
Shopify Partner
6669 1562 2026

This is an accepted solution.

@ughy 

Please add the following code at the bottom of your assets/theme.css file.

.cart-popup-wrapper{
background-color: #ffe6e6 !important; 
}

 

Hope this helps.

Thanks! 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
ughy
Tourist
8 0 3

Works! Thanks a lot!

dmwwebartisan
Shopify Partner
6669 1562 2026

@ughy 

If helpful then please Like and Accept Solution.

 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
ughy
Tourist
8 0 3

Hi, I have one more question! Every time I go to a different page on my website, there seems to be this oddly coloured box that flashes. Do you know how to remove it?Inkedphoto_2021-03-04_11-13-19_LI.jpg

dmwwebartisan
Shopify Partner
6669 1562 2026

@ughy 

Please add the following code at the bottom of your assets/theme.css file.

.site-header__logo img {
    display: unset !important;
}

 

Let me know if this works.

Thanks! 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
ughy
Tourist
8 0 3
Hey thanks for the quick reply. It still has the block there!
0 Likes
ughy
Tourist
8 0 3

@dmwwebartisan hello wanted to let you know that the most recent solution you have provided does not work :')

0 Likes