https://legacy.forums.gravityhelp.com/topic/padding-form-content Gravity Support Forums Topic: padding form content en-US Mon, 20 Apr 2026 02:48:58 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/padding-form-content#post-31234 Sat, 30 Jul 2011 09:14:48 +0000 Kevin Flahaut 31234@https://legacy.forums.gravityhelp.com/ <p>Yes, if you want the rule to apply to all your forms you would use the global class name to apply the style like this.</p> <pre><code>[css] body .gform_wrapper { padding: 10px; }</code></pre> https://legacy.forums.gravityhelp.com/topic/padding-form-content#post-31233 Sat, 30 Jul 2011 02:41:56 +0000 woagc 31233@https://legacy.forums.gravityhelp.com/ <p>Thanks, Kevin. I have several versions of the form. So, just repeated it and changed the ID number of the form. Worked like a charm, but I am guessing there is probably an easier way to get it done than to put 21 instructions in the CSS.... I'm just sayin. </p> <p>Thanks again for your help!</p> <p>c </p> https://legacy.forums.gravityhelp.com/topic/padding-form-content#post-30588 Wed, 20 Jul 2011 18:39:54 +0000 Kevin Flahaut 30588@https://legacy.forums.gravityhelp.com/ <p>Here you go.. just add this to the end of your theme stylesheet and tweak away.</p> <pre><code>[css] body #gform_wrapper_6 { padding: 10px; }</code></pre> <p>screenshot: <a href="http://bit.ly/nhLcu4" rel="nofollow">http://bit.ly/nhLcu4</a></p> <p>If you get stuck, just give us a shout and we'll be happy to help out.</p> <p>Your button text is pretty verbose for the small content area so it's most likely going to break out of your padding setting unless you pare the text down a bit. </p> https://legacy.forums.gravityhelp.com/topic/padding-form-content#post-30587 Wed, 20 Jul 2011 18:33:56 +0000 woagc 30587@https://legacy.forums.gravityhelp.com/ <p>Thanks, Carl. </p> <p>Here is one of the pages in question:<br /> <a href="http://homeshowonline.net/sponsors/abacus-plumbing/" rel="nofollow">http://homeshowonline.net/sponsors/abacus-plumbing/</a></p> <p>I first tried using a border to accomplish the padding, but couldn't get the hex code color to display. The "solid red" displayed just fine. But, when I added the hex code for color, nothing. </p> <p>Just in case it isn't already obvious, I'm swimming at the tippy-toes end of my knowledge pool here. </p> https://legacy.forums.gravityhelp.com/topic/padding-form-content#post-30584 Wed, 20 Jul 2011 18:25:28 +0000 Carl Hancock 30584@https://legacy.forums.gravityhelp.com/ <p>I can't see your page to provide you with specific suggestions because you didn't link to it. If you want to add padding to the form content then you would add padding to whatever form element you want to target using custom CSS you would add to your themes stylesheet.</p> <p>If you want to add padding to the form container itself then you'd add padding to the form wrapper. </p> <p>Here is a document that provides examples of how to target and style form elements using CSS, including the form wrapper:</p> <p><a href="http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples" rel="nofollow">http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples</a></p> <p>Your custom CSS would go in your themes stylesheet. </p> https://legacy.forums.gravityhelp.com/topic/padding-form-content#post-30581 Wed, 20 Jul 2011 18:22:31 +0000 woagc 30581@https://legacy.forums.gravityhelp.com/ <p>I have succeeded in applying a background color on all forms on my site. The form content, however, is snug up against the left margin. How can I add some padding to the content so it's not flush with the edge of the background color? </p>