Suggestion / placeholder image for placeholder color

[matejmoravec]

Hi,
I have a suggestion.

Would it be possible to add an option to Image Placeholder Background Color section also a image?

I would like to have there instead just a color box, a small gif (5kb) that has written Loading... in it.

Otherwise, is it possible to add a text box in this area where users could write loading or some other message? I know I can add placeholder images to single files, but this solution would help me to setup all globally.

I believe I am not alone who would appreciate it 🙂

[arminunruh]

yea text would be better

an additional gif has to be loaded otherwise.
gifs often are kinda big!

and who knows if the gif is loaded before the image is loaded

using text is much better, thats a good idea!

Enter this css in "lay options" -> "custom css & html" -> "custom css for desktop"

.type-img .ph::after{
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: 'loading…';
    z-index: 0;
    font-family: sans-serif;
}
.type-img img {
    z-index: 1;
}

will result in:

(only for image elements)

[arminunruh]

if you have gifs on your website its better to replace them with mp4s

better quality and less size