Debut Theme - how can I remove the grey box from the featured collection?

Technical Q&A
1

For some reason this grey box appeared… I want it to be transparent again. Please help!

stormskins_0-1643319215943.png
stormskins_0-1643319215943.png2198×976 338 KB

1 Like
2

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

1 Like
3

@stormskins

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!

Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

1 Like
4

https://stormskins.myshopify.com
klieta

5

https://stormskins.myshopify.com
klieta

1 Like
6

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.css and paste this at the bottom of the file:
body.template-index .product-card__image-with-placeholder-wrapper {
background-color: transparent;
animation: none;
}
7 
[data-image-loading-animation] {
    background-color: rgb(255 255 255);
    -moz-animation: image-loader 2s 400ms infinite;
    -o-animation: image-loader 2s 400ms infinite;
    -webkit-animation: none !important;
    animation: none !important ;
}

@stormskins

Add this code in the theme.scss or theme.css