https://legacy.forums.gravityhelp.com/topic/css-customization-assistance-needed-for-gravity-form-widget Gravity Support Forums Topic: CSS customization assistance needed for Gravity Form widget en-US Sat, 04 Apr 2026 18:18:41 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/css-customization-assistance-needed-for-gravity-form-widget#post-19627 Tue, 01 Mar 2011 09:15:05 +0000 Kevin Flahaut 19627@https://legacy.forums.gravityhelp.com/ <p>You need to remove the top &amp; bottom padding from the gform_footer div that contains the button. Try adding this to the end of your theme's style.css file or wherever you add custom CSS</p> <pre><code>body #gform_wrapper_1.gform_wrapper .gform_footer.right_label, body #gform_wrapper_1.gform_wrapper .gform_footer.left_label { padding: 0 0 0 31%; }</code></pre> <p>Also, you might consider using the "large" field option on all of your fields so they display more uniformly. Just my opinion.</p> <p>test screenshot: <a href="http://grab.by/9dSL" rel="nofollow">http://grab.by/9dSL</a> </p> https://legacy.forums.gravityhelp.com/topic/css-customization-assistance-needed-for-gravity-form-widget#post-19617 Tue, 01 Mar 2011 02:59:23 +0000 webwoman 19617@https://legacy.forums.gravityhelp.com/ <p>I am pretty much there. Added the following code to my Genesis child theme style sheet. Would still like to get rid of a wee bit more space above but not essential.<br /> <pre><code>body .gform_wrapper .gform_footer { float: left; margin: 0px 0 0 10px!important; width: auto; }</code></pre> https://legacy.forums.gravityhelp.com/topic/css-customization-assistance-needed-for-gravity-form-widget#post-19593 Mon, 28 Feb 2011 18:18:29 +0000 webwoman 19593@https://legacy.forums.gravityhelp.com/ <p>I have got the button underneath again so am working on trying to reduce the margin above it now. </p> https://legacy.forums.gravityhelp.com/topic/css-customization-assistance-needed-for-gravity-form-widget#post-19592 Mon, 28 Feb 2011 18:03:01 +0000 webwoman 19592@https://legacy.forums.gravityhelp.com/ <p>This worked brilliantly for me too except the submit button is now up beside the bottom fields instead of underneath. Any suggestions?<br /> You can see the form here - <a href="http://wordpresswebsites.co.nz/WebStrategies/" rel="nofollow">http://wordpresswebsites.co.nz/WebStrategies/</a> </p> https://legacy.forums.gravityhelp.com/topic/css-customization-assistance-needed-for-gravity-form-widget#post-13438 Fri, 26 Nov 2010 19:06:51 +0000 davethackeray 13438@https://legacy.forums.gravityhelp.com/ <p>Thanks for your help with this. It's looking better already!</p> <p>Dave </p> https://legacy.forums.gravityhelp.com/topic/css-customization-assistance-needed-for-gravity-form-widget#post-13437 Fri, 26 Nov 2010 18:58:44 +0000 Kevin Flahaut 13437@https://legacy.forums.gravityhelp.com/ <p>It's inheriting some extra margins and spacing from your theme. You can try adding this to your custom CSS</p> <pre><code>li.widget.gform_widget ul li {margin:0!important; line-height:auto!important} li.widget.gform_widget ul li.gfield input,li.gform_widget ul li.gfield textarea{margin-bottom:0!important} li.widget.gform_widget .gform_footer {padding:0!important}</code></pre> <p>That should tighten it up quite a bit. You can tweak it a little more if you need. </p> https://legacy.forums.gravityhelp.com/topic/css-customization-assistance-needed-for-gravity-form-widget#post-13434 Fri, 26 Nov 2010 18:27:41 +0000 davethackeray 13434@https://legacy.forums.gravityhelp.com/ <p>Hey Kevin, Carl!</p> <p>I'm trying to tighten up the GF widget on my Headway-powered site.</p> <p>It's coming out really, really loose - taking up acres of page real estate down the page on the right hand side.</p> <p>Can you suggest how I can fix it so it's super-tightened up across all the fields? I'd like to keep the First Name, Last Name fields rather than just the Simple Name option if possible.</p> <p>A link to the page and the site:</p> <p><a href="http://www.thepodcastguy.com" rel="nofollow">http://www.thepodcastguy.com</a></p> <p>Thanks for your excellent work!</p> <p>Dave Thackeray </p>