https://legacy.forums.gravityhelp.com/topic/form-width-and-scrolling-issue Gravity Support Forums Topic: Form width and scrolling issue en-US Mon, 20 Apr 2026 16:12:54 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/form-width-and-scrolling-issue#post-121560 Mon, 14 Jan 2013 10:19:30 +0000 Chris Hajer 121560@https://legacy.forums.gravityhelp.com/ <p>@Rubiwane, I responded to your <a href="http://www.gravityhelp.com/forums/topic/form-width-too-short-how-could-i-change-the-width" rel="nofollow">other topic</a> already and will close this one, as it is over a year old and unrelated. </p> https://legacy.forums.gravityhelp.com/topic/form-width-and-scrolling-issue#post-121035 Sun, 13 Jan 2013 20:06:43 +0000 Rubiwane 121035@https://legacy.forums.gravityhelp.com/ <p>Hi Kevin,<br /> I think i have the same problem.<br /> Is it possible for you to take a look?<br /> I m novice and i don t want to touch CSS if i m not sure.<br /> My form is here:<br /> <a href="http://rt2012-attestation.com/test-formulaire-css/" rel="nofollow">http://rt2012-attestation.com/test-formulaire-css/</a></p> <p>Thanks you :) </p> https://legacy.forums.gravityhelp.com/topic/form-width-and-scrolling-issue#post-23243 Thu, 14 Apr 2011 11:33:44 +0000 Wolfy 23243@https://legacy.forums.gravityhelp.com/ <p>Awesome, Thank you!</p> <p>-M </p> https://legacy.forums.gravityhelp.com/topic/form-width-and-scrolling-issue#post-23235 Thu, 14 Apr 2011 11:09:33 +0000 Kevin Flahaut 23235@https://legacy.forums.gravityhelp.com/ <p>Part of your issue is the padding applied to the inputs by your theme stylesheet - default.css line 1822</p> <pre><code>[css] #contentbox form input { padding: 5px; }</code></pre> <p>then, there is a width set on the form element itself - default.css line 1816</p> <pre><code>[css] #contentbox form { padding: 0 0 20px; position: relative; width: 580px; }</code></pre> <p>You should be able to override those by putting this at the end of your theme stylesheet.</p> <pre><code>[css] body #contentbox .gform_wrapper form { width:auto } body #contentbox .gform_wrapper form input[type=text], body #contentbox .gform_wrapper form input[type=tel], body #contentbox .gform_wrapper form input[type=url], body #contentbox .gform_wrapper form input[type=email], body #contentbox .gform_wrapper form input[type=file], body #contentbox .gform_wrapper form input[type=password], body #contentbox .gform_wrapper form input[type=number] { padding:5px 0; }</code></pre> <p>notice I chose to target the inputs by type rather than apply a blanket rule that would unnecessarily add padding to radio buttons &amp; checkboxes which are inputs too.</p> <p>test screenshot: <a href="http://d.pr/6PxV" rel="nofollow">http://d.pr/6PxV</a> </p> https://legacy.forums.gravityhelp.com/topic/form-width-and-scrolling-issue#post-23233 Thu, 14 Apr 2011 10:46:23 +0000 Wolfy 23233@https://legacy.forums.gravityhelp.com/ <p>The form i have on a site is getting cut off on the right side. Then if you tab across fields [ in IE] or you type in a really long last name, the whole form shifts a few pixels over to the right.</p> <p>There seems to be padding interfering with the form, but I can't seem to figure out where it's coming from.</p> <p><a href="http://pattysheehanandfriends.org/volunteers/" rel="nofollow">http://pattysheehanandfriends.org/volunteers/</a></p> <p>Thank,</p> <p>-M </p>