All images in Collection page becomes white

Store Design
1

I edited/delete the css and I must clicked something wrong… all images become “white” now.. What can I do?

I am using free theme, minimal

impretty_0-1628253880923.png
impretty_0-1628253880923.png1920×1080 191 KB

https://im-pretty-when-i-cry.myshopify.com/collections/all

1 Like
2

For some reason your collection elements always have the class “grid-link__image–loading”, so the CSS rule in your css file is always applied:

.grid-link__image--loading {
  background-color: dimgrey;
  -webkit-animation: placeholder-background-loading 1.5s linear infinite;
  animation: placeholder-background-loading 1.5s linear infinite;
 }

Which gives it a pulsing load animation, I assume there’s some code that is supposed to remove this once loaded that isn’t functioning.

3

Unrelated but you also have a CSS rule at the end of your theme.js file which is causing a console error.

4

where should I paste the css please?

5

@impretty

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

.template-collection .grid-link__image--loading {
    animation: none !important;
}

Hope this works.

Thanks!

1 Like
6

@impretty

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.