https://legacy.forums.gravityhelp.com/topic/two-gravity-forms-on-one-page-styling-issues Gravity Support Forums Topic: Two Gravity Forms On One Page - Styling Issues? en-US Mon, 20 Apr 2026 04:53:19 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/two-gravity-forms-on-one-page-styling-issues#post-40244 Mon, 07 Nov 2011 08:39:33 +0000 Rob Harrell 40244@https://legacy.forums.gravityhelp.com/ <p>Chris, you placed this in your footer file?</p> <p><code>&lt;?php gravity_form(4, false, false, false, &#39;&#39;, false); ?&gt;</code></p> <p>and this in your header file?</p> <pre><code>&lt;?php gravity_form_enqueue_scripts(4, true); ?&gt;</code></pre> <p>Are you using the latest and greatest WP version and GF 1.6? </p> https://legacy.forums.gravityhelp.com/topic/two-gravity-forms-on-one-page-styling-issues#post-40230 Mon, 07 Nov 2011 03:23:24 +0000 Chris Higgins 40230@https://legacy.forums.gravityhelp.com/ <p>No love. Including</p> <p><code>&lt;?php gravity_form_enqueue_scripts(4, true); ?&gt;</code></p> <p>breaks the site and returns this error:</p> <p>Fatal error: Call to undefined function gravity_form_enqueue_scripts()</p> <p>It's got me stumped. </p> https://legacy.forums.gravityhelp.com/topic/two-gravity-forms-on-one-page-styling-issues#post-37689 Wed, 12 Oct 2011 08:54:28 +0000 Kevin Flahaut 37689@https://legacy.forums.gravityhelp.com/ <p>Yeah, all that was in the documentation page I linked to. (See section on "Function Call") You don't need the "do_shortcode" method because there is a native function.. should be something like this example instead.</p> <pre><code>&lt;?php gravity_form(4, false, false, false, &#39;&#39;, false); ?&gt;</code></pre> <p>When you use the shortcode in the post editor, WordPress knows to automatically enqueue the javascripts and CSS for the forms on that page. When you embed directly into the page template (php file) WordPress doesn't detect this so you have to manually enqueue your scripts.</p> <p>You would put a snippet like this in your header.php file to enqueue the scripts manually.</p> <pre><code>&lt;?php gravity_form_enqueue_scripts(4, true); ?&gt;</code></pre> <p>That is covered more here (see the section titled "Enqueue Scripts and Styles")</p> <p><a href="http://www.gravityhelp.com/documentation/page/Embedding_A_Form" rel="nofollow">http://www.gravityhelp.com/documentation/page/Embedding_A_Form</a><br /> <a href="http://www.gravityhelp.com/documentation/page/Gravity_form_enqueue_scripts" rel="nofollow">http://www.gravityhelp.com/documentation/page/Gravity_form_enqueue_scripts</a> </p> https://legacy.forums.gravityhelp.com/topic/two-gravity-forms-on-one-page-styling-issues#post-37686 Wed, 12 Oct 2011 07:07:01 +0000 Chris Higgins 37686@https://legacy.forums.gravityhelp.com/ <p>Thanks for your reply Kevin, and apologies for taking so long to respond.</p> <p>My apologies for being a touch dense, but I couldn't really make much sense of your instructions. :-( I haven't a clue how to manually enqueue the form.</p> <p>The code I'm currently using is</p> <p><code>&lt;?php echo do_shortcode(&#39;[gravityform id=4 name=QuickContact title=false description=false]&#39;); ?&gt;</code></p> <p>Sounds like that's incorrect though? </p> https://legacy.forums.gravityhelp.com/topic/two-gravity-forms-on-one-page-styling-issues#post-36811 Sat, 01 Oct 2011 09:06:47 +0000 Kevin Flahaut 36811@https://legacy.forums.gravityhelp.com/ <p>Here's the deal. You have the form embedded in the footer using the php function call method but haven't properly enqueued the scripts/styles ( the other step when using this method ) for that form.</p> <p>When you visit a content page with a form that has been added via the shortcode, the scripts/styles are automatically enqueued for the content inside the WordPress loop so the CSS gets loaded and both of your Gravity Forms inherit from it.</p> <p>The solution would be to manually enqueue the scripts for your footer form, or better yet, replace the footer form with the built-in Gravity Forms Form Widget and it will automatically enqueue everything for you.</p> <p><a href="http://www.gravityhelp.com/documentation/page/Embedding_A_Form" rel="nofollow">http://www.gravityhelp.com/documentation/page/Embedding_A_Form</a> </p> https://legacy.forums.gravityhelp.com/topic/two-gravity-forms-on-one-page-styling-issues#post-36809 Sat, 01 Oct 2011 05:14:21 +0000 Chris Higgins 36809@https://legacy.forums.gravityhelp.com/ <p>I'm in the process of building my business website at electricmonk.com.au, and I'm having some styling issues with my contact forms. I've got a 'Quick Contact' form in the footer section of the site, which appears on every page. In addition to that, there is the main contact form on the 'Contact' page. For some reason, the styling that is applied to the form in the footer disappears when you visit the Contact page. By temporarily removing the main form on the Contact page, I've figured out that it's something to do with having two forms on one page, but that's as far as I've got.</p> <p>Admittedly, it is a little bit embarrassing to be asking for this kind of assistance on my own web development business website, but I'm really stuck! :-( If anyone has any ideas what the issue could be, I'd really appreciate the help.</p> <p>Cheers,</p> <p>Chris </p>