Page 1 of 1

Extreme newbie: removing/replacing images on a template

Posted: Fri Oct 12, 2018 4:44 am
by Todw
I just purchased v6 for the mac. I selected a template (snow world) to use to get started. The first thing I tried was to remove and replace the large background image with one of my own, which worked fine. I selected the page and then 'background > image' and chose the image I wanted. The trouble is, when I previewed the page, the background image wasn't displayed. Any ideas why not?

Thank you.

Tod

Re: Extreme newbie: removing/replacing images on a template

Posted: Fri Oct 12, 2018 6:21 am
by Pablo
Maybe the file name is not web safe or the format is not supported by the browser?

See this related FAQ:
http://www.quickandeasywebbuilder.com/f ... f=10&t=131

Re: Extreme newbie: removing/replacing images on a template

Posted: Fri Oct 12, 2018 10:23 pm
by Todw
Hi Pablo,

Thanks for your quick reply. Unfortunately that didn't help. I renamed that page "index" as that is what it should be. The preview displays the text at the top but the image is missing. I'd send an image but clicking the image icon above displays Image and dropping my image between them doesn't show up when I preview the post.

I know this ought to be easy but it has me stumped at the moment.

Thanks,

-Tod

Re: Extreme newbie: removing/replacing images on a template

Posted: Sat Oct 13, 2018 6:39 am
by Pablo
I was referring to the file name of the image.
What is the URL of the page so I can see what you have done?

Re: Extreme newbie: removing/replacing images on a template

Posted: Sun Oct 14, 2018 1:13 am
by Todw
Hi Pablo,

The filename is: 2017_0625_Front yard_Tod_001.jpg
The path shown in the inspector is: /Users/tod/Library/Mobile Documents/com~apple~CloudDocs/QnEWB Sites/Tod Test 1/2017_0625_Front yard_Tod_001.jpg

The URL is: http://1244barnes.us/tod/

The log when I published to a folder is:
*** START OF PUBLISH ***
Scanning publish folder...
Found 10 file(s).
Copying '2017_0625_Front yard_Tod_001.jpg'...
Copying 'affix.min.js'...
Copying 'collapse.min.js'...
Copying 'dropdown.min.js'...
Copying 'jquery-1.12.4.min.js'...
Copying 'jquery-ui.min.js'...
Copying 'transition.min.js'...
Copying 'index.css'...
Copying 'index.html'...
Copying 'Tod_Test_1.css'...
Removing temporary files...
Successfully published!
*** END OF PUBLISH ***


I'm going to start from scratch without using a template. Maybe that will take care of things. If you spot something that I should know about, please let me know.

There's no hurry to debug this.

Tod

Re: Extreme newbie: removing/replacing images on a template

Posted: Sun Oct 14, 2018 7:40 am
by Pablo
I'm sorry, but the filename is not valid/web safe.
Filenames should not start with a number.
Also, there is a space in the filename.

See this related FAQ:
http://www.quickandeasywebbuilder.com/f ... f=10&t=131

Re: Extreme newbie: removing/replacing images on a template

Posted: Sun Oct 14, 2018 8:02 am
by mexman
Hi Todw:

You can find the problem easily:
If you browse to your site and open the "developer" mode of your browser (in my case FIrefox) it shows you exactly where the error is!
Regards
Michael

Re: Extreme newbie: removing/replacing images on a template

Posted: Sun Oct 14, 2018 9:58 pm
by Todw
@ Pablo: Thank you. I hadn't realized that the filename needed to conform to those rules. I just selected a file from my photo library without regard to any rules. Live and learn!

@ mexman: And thank you for pointing out how easy it is to reveal such errors in FF. Another useful tip for my "tips" file. Your help is appreciated.