ptoledo1
Member
Hi there. I'm using Gravity forms on a one-page theme - Coalition theme from Themeforest - and when I insert my forms it comes out sort of funky, with spacing off, as well as an odd line of text that I don't see in the preview. The preview is fine, btw. I put the preview and the final rendering on the page to show the style becoming messed up. Thoughts on this? Plugin or Theme? Workaround solutions? Thanks!
http://www.caminopr.com/main/wp-content/uploads/2011/09/signoncomposite.jpg
The forms are designed to inherit styling from your theme so things like the button style, font usage, etc should be inherited. I can't say for sure without seeing your actual form page, but from your screenshot, it looks like your default form styles aren't being loaded properly.
How did you embed the form in your site. Using the shortcode of the php embed method in a page template?
The problem is going to be due to the fact the Gravity Forms scripts and stylesheet are not being output. Most likely due to how that Themeforest heme works if it is a one-page theme... it most likely isn't using a loop which means if you are using the shortcode the necessary scripts cannot be enqueued automatically.
Because of this you will need to implement the Gravity Forms enqueue function in the themes functions.php file to enqueue the necessary scripts for that form. Documentation for this can be found here:
http://www.gravityhelp.com/documentation/page/Gravity_form_enqueue_scripts
