https://legacy.forums.gravityhelp.com/topic/i-cant-fix-the-paddingspacing-on-a-form-with-css Gravity Support Forums Topic: I can't fix the padding/spacing on a form with CSS en-US Fri, 24 Apr 2026 15:00:38 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/i-cant-fix-the-paddingspacing-on-a-form-with-css#post-224284 Thu, 25 Apr 2013 17:36:40 +0000 lbdesign 224284@https://legacy.forums.gravityhelp.com/ <p>Many, many thanks Martin! That helped a lot! </p> https://legacy.forums.gravityhelp.com/topic/i-cant-fix-the-paddingspacing-on-a-form-with-css#post-223446 Thu, 25 Apr 2013 02:27:10 +0000 martcol 223446@https://legacy.forums.gravityhelp.com/ <p>In style.css this rule</p> <p>.widget li {<br /> border-top: 1px solid #F6F6F6;<br /> margin: 0;<br /> padding: 7px 0;<br /> }</p> <p>Adds 7px padding top and bottom of the li.</p> <p>And base.css has this:</p> <p>input[type="text"], input[type="password"], input[type="email"], textarea, select {<br /> background: none repeat scroll 0 0 #FFFFFF;<br /> border: 1px solid #CCCCCC;<br /> border-radius: 2px 2px 2px 2px;<br /> color: #777777;<br /> display: block;<br /> font: 13px "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;<br /> margin: 0 0 20px;<br /> max-width: 100%;<br /> outline: medium none;<br /> padding: 6px 4px;<br /> width: 210px;<br /> }</p> <p>Which is adding 20px margin to the bottom of the input</p> <p>Adding this to style.css will help:</p> <p>div.ginput_container .large {<br /> margin-bottom: 0;<br /> }</p> <p>And this will help a bit more:</p> <p>li.gfield.gformlee {<br /> padding-bottom: 0;<br /> }</p> <p>I'm no expert and there are probably several ways to do what you want. I think this might show you which elements attract the CSS rules that are applied. The thing is using sufficient specificity to apply to only the elements you are interested in.</p> <p>The other thing is where you put it. If you are using a child theme then it is in you child theme's style.css. If you put it elsewhere remember it will get overwritten if you update that component of your site.</p> <p>Martin </p> https://legacy.forums.gravityhelp.com/topic/i-cant-fix-the-paddingspacing-on-a-form-with-css#post-223295 Thu, 25 Apr 2013 00:16:27 +0000 lbdesign 223295@https://legacy.forums.gravityhelp.com/ <p>I've been trying everything I can but am at a loss to solve a spacing problem.<br /> We are moving to a new theme, and it's causing problems with the gravity forms spacing. </p> <p>On this (old) site, the "please subscribe" form has nice tight vertical spacing:<br /> <a href="http://insulinnation.com/stemming-the-tide-of-immune-response/" rel="nofollow">http://insulinnation.com/stemming-the-tide-of-immune-response/</a></p> <p>but on this (new) site, the same form, the same form code, displays with excessive vertical spacing:<br /> <a href="http://newinsnat.epscomm.com/stemming-the-tide-of-immune-response/" rel="nofollow">http://newinsnat.epscomm.com/stemming-the-tide-of-immune-response/</a></p> <p>I can't figure out what CSS to change. Nothing seems to work for me. Can you inspect it and suggest some things to try?<br /> Thank you. </p>