Grey out rest on site when add to cart pop up shown on Dawn Theme

Hello Pros!

Is it possible to make the site greyout or add a black opacity when the notifications cart pops so it will stand out more?

Any help would be appreciated. Thanks!

@Aaronaceee - can you please share this page link?

Hi @Suyash Here is the link: https://apprvd-store.myshopify.com/ password: gelyeu

Its when you click add to cart popup appears

@Aaronaceee - your theme do not add any different class to body when cart is active, so there are 2 options, using javascript we check if cart is active and add custom code to make other content blurred, which is difficult option

or we can add css to cart only to make it highlight like given screenshot

maybe we can add css to cart only to make it highlight

@Aaronaceee - yes in above screenshot I added shadow, we can add border too

Thank you! Can I please have the code for it?

@Aaronaceee - please add this code to the very end of your base.css file and check

.cart-notification.active {box-shadow: 5px 5px 20px #888888;}