Email backup does not have background images

[dimension4]

I created an email backup of my site. I open the backup in my browser directly from my hard disk. There is no background image. It is just a grey box.

[Adam7]

Thanks for your post, @dimension4. We don't currently include background images with site exports. Do you have the original images that you uploaded?

[dimension4]

Yes I do have the background image as a JPG file. Where should I put the image file in the backup folder structure then?

[Adam7]

I would make a folder in the images directory called "Backgrounds" or something similar, that way if you look for them later it'll be in a somewhere that makes sense.

[dimension4]

What I mean is when I email myself a backup of the site. Then I unzip the file. I have a folder heirarchy of the website. I can open the website from my hard drive but the background images are just grey squares. I think I should be able to put those JPG files somewhere in that heirarchy to have them show up when I open the website from my hard drive, right?

[Adam7]

Yes, I don't know the exact folder path offhand, but I imagine it's in the CSS code for the page so you could probably figure out what folders to create if needed to add the files to.

[dimension4]

I did try that and it still doesn't work. I found other people asked the same question but never saw any answers.

[MTpockets2]

Hi @dimension4,

What Adam mentioned is correct, the reason why the background images don't show is because they are using a file path set in the CSS. you need to reupload these missing files to your computer, and then edit your CSS file to change the path for those missing images. 

This will require you to know some HTML and CSS knowledge. If you're not familiar with either, I would recommend to ask a coder to help you with this.

[dimension4]

<div  class="wsite-section wsite-header-section wsite-section-bg-image" style="height: 717px;background-image: url(&quot;/uploads/1/2/2/8/122852757/background-images/1303218749.jpg&quot ;background-repeat: no-repeat ;background-position: undefined undefined ;background-size: 100% ;background-color: transparent ;background-size: cover;" >

that is the code in the index_html file. when I visit the web site I can right click on the background image and save it. It saves with the file name shown above. I move it into the referenced folder and it still doesn't show up - with the image in that folder I still have grey boxes.

[Adam7]

I would doublecheck that your folder path is identical since there's quite a few levels of them. I would guess there's either a slight difference in structure or the /uploads directory isn't in the root directory.

[dimension4]

i double checked and it definitely is in that location. that code is from the HTML file and not the CSS file. there is no code in the CSS that referres to the image.

[Adam7]

Is the HTML file in the root directory of the site or in a subdirectory?