Set Page Background to an image

Love Cincy shared this question 7 years ago
Answered

Ok, I feel silly asking because I have done this in previous wireframes but for some reason I can not re-figure out how to do this. I just have an image that I want to use as the page background.


Any help is greatly appreciated!

Comments (6)

photo
1

DOH, I found on it on my own...

photo
1

Great to know! Just for the rest of users: select the background in your screen canvas, then go to the properties panel at the bottom left and select the Background group. There click in the 'Add image' link.

photo
1

I found Issue with background image in IE.


I have added background image (bg color is white) to canvas in the main template of my project, and successfully see it in simulation and Firefox (when export HTML), but in IE I have only white background without image. Also when I set background color to black (leaving bg image too) - in IE background still white :(

photo
1

It's fixed in the next update.

photo
1

What if we wish to add padding to the image so that it's not fixed to the edge of the screen? How would one go about doing this without creating the padding within the image itself?

photo
1

In that case just place the image on the bottom of all the elements instead of using a background image.