Strange effect on images

[popescualinflorin]

Checklist

• I have read and accepted the contributing guidelines.

How did you create the site?

Built from jekyll-theme-chirpy

Description

hello

i used the code from "Text and Typography" to add images like "{: width="972" height="589" .w-75 .normal}"
but every image apper with somthing like this:
https://github.com/cotes2020/jekyll-theme-chirpy/assets/46263308/56324716-a335-493d-b8b9-bdeef0a5178f

there is a strange line that pass over the image

Operations you have already tried

I tested it on different post, re-downloaded the template, tested on different browser
On the HTML site i notice that class=" img-link w-50 right shimmer" removing shimmer was solving the problem, but I don't know how to solve it on all the posts

Anything else?

No response

[huanyushi]

The OP didn't offer any source code. The only thing I know is that when the link address of your image is wrong, it will always have this loading animation. So the OP should check whether the image address is wrong.

This animation effect is generally used to remind users that the page is loading images. The relevent settings can be seen here: shimmer. If you want to cancel this animation, you can add the following code to assets/css/jekyll-theme-chirpy.scss:

.shimmer::before{
  background:none;
}

[huanyushi]

@klaas-sysop What about this? It can work for me.

.shimmer::before{
  background:none
}

[klaas-sysop]

@huanyushi thnx it worked

[huanyushi]

@klaas-sysop I have edited the original answer. And I have seen related issues, maybe that problem was caused by the recently version update. It may need to be fixed by the owner.

[Amrlxyz]

@huanyushi Do i just create a new file with the 3 lines of code? Doesn't seem to be working for me. Do i need to change any other config because the file assets/css/jekyll-theme-chirpy.scss isn't there previously.

[seanthegeek]

Actually, do not use that workaround. There are other bugs in 7.2.0 that workaround won't fix. Instead, downgrade to 7.1.1 until a fixed version is available by following the instructions here.