How to add background image on body in website hubspot?

[JLogvinova]

I created a site with custom modules and I need to add a background image to the whole body, how can I do that?

[Oezcan]

Hello @JLogvinova ,

you can do it like this:

div {
 background-image: url("../images/your-image.jpg");
 background-repeat: no-repeat;
}

or like this:

<div style="background-image: url(../images/your-image.jpg);>
</div>

Best regards

Özcan

[JLogvinova]

Hi. Thanks for your reply, but I tried this way and the picture doesn’t show up:(

[Oezcan]

I looked at the problem again and deleted my old answer. Still have a question. Is your CSS in the head in the right order?

[JLogvinova]

I think this is correct, because the property is displayed in the inspector, as I understand I do not get the right path of the image, but as I’m new to hubspot I do not know how to do it right

[Oezcan]

Your code is correct for me.

Try a picture of Lorempicsum as a test.

https://i.picsum.photos/id/0/5616/3744.jpg?hmac=3GAAioiQziMGEtLbfrdbcoenXoWAW-zlyEAMkfEdBzQ

[JLogvinova]

This works with LoremPicsum, it got me thinking, upload the picture to the files and link to add to the thread, thanks!!!