How can I easily add a repeating watermark image to my website?

[TaraM]

I would like to have a repeated watermark image on each page of the website. Is there a simple way to do this?

[satsinghrana]

Hello,

Yes, this can be done via CSS, you can set the body background image with the following code.

body {
    background: url(https://via.placeholder.com/150/?text=WATERMARK)!important;
}

Replace the url with your image url.

Let me know if any help needed.

Cheers!

[LitExtension]

Hi @TaraM, 

Please go to css file and paste this at the bottom of the file:

body{

        background-image: url("url image");

        background-repeat: no-repeat;

        background-size: cover;

}

with the url image uploaded in Assets and get it: {{ 'image.png' | asset_url }}