Any way to make a full-screen image as the background?

As titled. :slight_smile: Just typing more text to meet the minimum. Hello, world!

We get this question from time to time. The reason it’s not available natively is it’s generally a bad idea to stretch an image as big as the whole page. Also the image gets more and more stretched as you make the page taller.

The workaround is to add a full width box and set the image as background. You can then move the box to the back and even lock it to prevent it from interacting with selection.

Can I use a CSS hack to force said box to be 100vh? (somewhat rhetorical question but the answer might be useful here for others as well)

That’s generally used in conjunction with vertical alignment controls that aren’t available in sparkle currently, so very tricky at best.

Hi,
These are available here - a bit of premade CSS trickery:
https://www.selcukyilmaz.com/sparkle/sparkle-effects/

I think that is what you are looking for…

2 Likes

Awesome, you rock! Thanks! :slight_smile:

1 Like