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

Technical Q&A
1

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

2

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!

3

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 }}