https://legacy.forums.gravityhelp.com/topic/form-does-not-appear-on-page-correctly Gravity Support Forums Topic: Form does not appear on page correctly. en-US Tue, 21 Apr 2026 00:05:29 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/form-does-not-appear-on-page-correctly#post-16244 Fri, 14 Jan 2011 13:03:19 +0000 Kevin Flahaut 16244@https://legacy.forums.gravityhelp.com/ <p>This should get you close. I copied these styles from your existing form and targeted the proper elements in a Gravity Form.</p> <pre><code>body .gform_wrapper input[type=text], body .gform_wrapper input[type=email], body .gform_wrapper input[type=phone], body .gform_wrapper input[type=url], body .gform_wrapper input[type=password], body .gform_wrapper textarea { background: url(&quot;images/contact_input.png&quot;) repeat-x scroll 0 0 #F7F7F7; border: 1px solid #CCC; color: #111; } body .gform_wrapper .gform_footer input[type=submit] { background: url(&quot;images/contact_submit.png&quot;) no-repeat scroll 0 0 transparent; margin-right: 6px; width: 73px; border:none !important; color: #4C4B4B; float: right; font-size: 12px; height: 35px; margin-right: 9px; text-shadow: 1px 1px 1px #FFFFFF; text-transform: uppercase; }</code></pre> <p>If you need to apply other rules, you can check out this guide on how to properly target form elements in Gravity Forms</p> <p><a href="http://www.rocketgenius.com/gravity-forms-css-targeting-specific-elements/" rel="nofollow">http://www.rocketgenius.com/gravity-forms-css-targeting-specific-elements/</a> </p> https://legacy.forums.gravityhelp.com/topic/form-does-not-appear-on-page-correctly#post-16085 Wed, 12 Jan 2011 22:02:21 +0000 kevinpaul 16085@https://legacy.forums.gravityhelp.com/ <p>Thank you for the info. You were right about the built in form. So I was able to embed the gravity form on a standard template page so the built in form would not show up. So how do I go about taking that styling and applying it to the gravity form? Please forgive my ignorance as I am just getting into this blogging thing. </p> https://legacy.forums.gravityhelp.com/topic/form-does-not-appear-on-page-correctly#post-16067 Wed, 12 Jan 2011 17:06:36 +0000 David Smith 16067@https://legacy.forums.gravityhelp.com/ <p>Hi Kevin,</p> <p>The form beneath the Gravity Form appears to be a default form that is part of your theme. More than likely there is a theme option to disable this.</p> <p>In regards to the styling of the form, Gravity Forms comes with a minimal amount of default styling and leaves the more advanced styling to the end user. In order to style the Gravity Form like the default form that is currently displaying beneath the Gravity Form, you'll want to modify the styles in your stylesheet.</p> <p>You can find the current styles used to style your theme's default form on this stylesheet:</p> <p><a href="http://www.kevinpaulphotography.com/blog/wp-content/themes/TheStyle/epanel/page_templates/page_templates.css" rel="nofollow">http://www.kevinpaulphotography.com/blog/wp-content/themes/TheStyle/epanel/page_templates/page_templates.css</a> </p> https://legacy.forums.gravityhelp.com/topic/form-does-not-appear-on-page-correctly#post-16063 Wed, 12 Jan 2011 15:59:13 +0000 kevinpaul 16063@https://legacy.forums.gravityhelp.com/ <p>I am having an issue with the way the form comes up on the page. The styling looks incorrect and there is an extra form under the submit button.</p> <p><a href="http://www.kevinpaulphotography.com/blog/contact/" rel="nofollow">http://www.kevinpaulphotography.com/blog/contact/</a></p> <p>Thanks for any help!</p> <p>Kevin </p>