https://legacy.forums.gravityhelp.com/topic/creating-space-between-fields Gravity Support Forums Topic: creating space between fields en-US Wed, 22 Apr 2026 11:31:00 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/creating-space-between-fields#post-73312 Thu, 30 Aug 2012 14:22:25 +0000 Rob Harrell 73312@https://legacy.forums.gravityhelp.com/ <p>RIght on, glad to help! </p> https://legacy.forums.gravityhelp.com/topic/creating-space-between-fields#post-73308 Thu, 30 Aug 2012 13:49:28 +0000 servent1 73308@https://legacy.forums.gravityhelp.com/ <p>Thanks Rob that was easy to do! </p> https://legacy.forums.gravityhelp.com/topic/creating-space-between-fields#post-73284 Thu, 30 Aug 2012 11:29:43 +0000 Rob Harrell 73284@https://legacy.forums.gravityhelp.com/ <p>This CSS snippet will only affect the form in question:</p> <pre><code>[css] #content .page #gform_wrapper_3 ul li { margin-bottom: 10px; } #gform_wrapper_3 .gfield_label { font-weight: normal; }</code></pre> <p>Just place it into your theme's stylesheet. Feel free to adjust the px value. </p> https://legacy.forums.gravityhelp.com/topic/creating-space-between-fields#post-73281 Thu, 30 Aug 2012 11:22:17 +0000 servent1 73281@https://legacy.forums.gravityhelp.com/ <p>Hi Rob,<br /> Will your change modify just that particular GF form or all GF forms? I'd like<br /> to modify just that particular one. Here is my link <a href="http://www.leaseoptiondango.com/available-properties/" rel="nofollow">http://www.leaseoptiondango.com/available-properties/</a><br /> If you can tell me what you did, I can hopefully learn a thing or two. :)</p> <p>Tx. </p> https://legacy.forums.gravityhelp.com/topic/creating-space-between-fields#post-73247 Thu, 30 Aug 2012 07:52:02 +0000 Rob Harrell 73247@https://legacy.forums.gravityhelp.com/ <p>No, you don't have to copy all of the forms.css into your theme. All you need to do is place the CSS you want into your theme's stylesheet. I can help you out here. Do you have a link to your form? </p> https://legacy.forums.gravityhelp.com/topic/creating-space-between-fields#post-73217 Thu, 30 Aug 2012 03:59:16 +0000 servent1 73217@https://legacy.forums.gravityhelp.com/ <p>I want to change the default form look to this<br /> <a href="http://leaseoptiondango.com/tmp/gravity-form-inspect.png" rel="nofollow">http://leaseoptiondango.com/tmp/gravity-form-inspect.png</a><br /> with the lighter font and more space between fields just<br /> like in the image.<br /> Since I don't know much about CSS but was playing<br /> with the Inspect element in Chrome and tweeked<br /> a few numbers to get it to look the way I wanted.</p> <p>Now for the change to be permanent I have<br /> to change the forms.css file line 268 just as<br /> I have it, but I notice at the top of the file this:</p> <p>NOTE: DO NOT EDIT THIS FILE! MAKE ANY MODIFICATIONS IN YOUR<br /> THEME STYLESHEET. THIS FILE IS REPLACED DURING AUTO-UPDATES<br /> AND ANY CHANGES MADE HERE WILL BE OVERWRITTEN.</p> <p>If you need to make extensive customizations,<br /> copy the contents of this file to your theme<br /> style sheet for editing. Then, go to the form<br /> settings page &amp; set the 'output CSS' option<br /> to no.<br /> Could you elaborate on the last paragraph above?<br /> Do I copy the whole forms.css and append it<br /> to style.css? Perhaps I'm over my head in<br /> playing with the code? </p>