I’m having troubles with the page background showing through below graphic items. Everything looks ok on the page view but when I preview or publish the page an area appears below the boxes where the background shows through.
In the link example there is also an area around the text boxes that shows the background but if I change the colour of the text boxes to white it fixes it up, the same doesn’t work for the graphic boxes though.
Any ideas on how to fix this? I can’t seem to find an answer searching online.
P.S I’m aware the right side of the page is cut off, just uploaded to my current website to have a link for you to see.
There are two large images that appear to be missing. Apart from that, the only issue I can see on your test page is that your contact details slightly overlap your form. Perhaps you’ve managed to fix the issue?
Got it! The problem lies with how you’ve set up your form. I’d like to send you back a Freeway Express doc so you can see the solution directly, but I’m on Freeway Pro and can’t save to Express. No worries though: here’s how to do it.
First of all, have a look at the screenshot of my Freeway page:
You’ll see that the form is set up all in a single html item. Just draw the item out on the page, click inside of it to get a blinking text cursor and start typing.
After typing “Name”, I’ve created a single line break by holding down the Shift key and pressing Return. After that, head up to the Insert menu and choose Input/Field to insert the text field for “Name”.
Then hit Return for a full/double line break and type “Email”. Shift–Return for a single line break, and Insert Input/Field again. Repeat for all your form items. The last field inserted is a Text Area, but I think you already know that
Sorry for not replying earlier, I had to travel interstate for a few days at short notice.
Thanks for your help. I’ve redone the form all in a single html item as you suggested. It has fixed up the problem around the form but there is still a gap underneath the picture and my logo where the background is showing through.
There also seems to be a change in the length of the main white box from the ‘page’ view to the ‘preview’ view. The white box that contains everything gets longer by about 2 cm which is about the length of the space underneath the images where the background shows through. Also the submit button is lined up with the bottom of the image in ‘page’ view but then drops down lower in the ‘preview’ view. Does that make sense?
Thanks for re-uploading the FW doc. It seems that, despite setting up the form as a table, the form is still the cause of the trouble.
I’ve pasted in the form I set up previously, and it looks just fine. Have you tried following my instructions above, or did you go straight to building the form table? If you haven’t tried putting the whole form inside a single html item, give it a try and see if it helps.
It is still not perfect but seems to work well enough but adding the extra row to the table. I’ve just removed the logo as it’s not sitting where I want it to sit in the table. It still adds about a cm to the bottom of the white box but if I move the main picture a little I can get the spacing to look even. Near enough is good enough for now.