troi21
Member
Hello
I have created my first form here: http://www.band-id.co.uk/duplication-form
There seems to be alot of additional space at the bottom of the form that I don't know how to get rid of. The more I scroll, the more there is. My ultimate goal is the fancybox modal form here: http://www.band-id.co.uk/cd-duplication (cd duplication quotation link about halfway down the page)
Thanks for your help.
Looking at your markup, you're still loading a ton of scripts (navigation, prettyphoto, etc) that you don't need for this page. It's probably that you're loading the navigation script, but no CSS to hide the divs it creates.
You need to strip all the extra stuff that's not needed for this simple page.
Here's a starter page template.
The original tutorial is here with details on how to use it.
http://www.gravityhelp.com/creating-a-modal-form-with-gravity-forms-and-fancybox/
If you remove all the un-necessary scripting, css, etc. I'm sure the extra spacing will go away as well.
troi21
Member
Thanks for your response. I actually did follow the instructions in that thread. I created a plainpage.php file using the text supplied in the thread and then uploaded it to my WP theme. I also selected the plainpage template when creating the duplication-form page. I am really confused now.
It looks like you're most of the way there. Looking back I see now.. the extra scripts are being loaded dynamically via the wp-head function. You may have to hard code the script paths in the page template and ditch the wp_head()
I'll post an updated page template snippet in a few.
Okay, try this. Replace the contents of the plainpage.php you created with this.
It hard codes the necessary scripts/CSS for the forms and removes the wp_head() function that loads all the other stuff you don't need.
Let us know how it goes.
Great. Thanks for the update.
