https://legacy.forums.gravityhelp.com/topic/margins-on-input-boxes Gravity Support Forums Topic: Margins on input boxes en-US Mon, 20 Apr 2026 08:26:50 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/margins-on-input-boxes#post-35209 Tue, 13 Sep 2011 17:33:01 +0000 Kevin Flahaut 35209@https://legacy.forums.gravityhelp.com/ <p>It appears that your styles are being applied in the second page.</p> <p>screenshot: <a href="http://bit.ly/rlM9ws" rel="nofollow">http://bit.ly/rlM9ws</a></p> <p>The label width value is being overwritten, but you can be more specific with your CSS rule and that will help override the defaults.</p> <p>The form may be inheriting other theme styles that are causing differences. I didn't really look that closely at that.</p> <p>Also, a note here. You're using very generic style rules here that are ultimately going to cause you problems down the line. Not all inputs are created equal and I'm sure you're not expecting every radio button, checkbox and image button to all have the same margins as text inputs.</p> <p>You're better off to specify the input type in your rule to avoid these pitfalls.. ex.<br /> <pre><code>[css] body #left .gform_wrapper input[type=text] { margin-left: 50px }</code></pre> <p>You can find out the proper way to target the form fields for CSS manipulation here..</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>and here's a couple of good resources that discuss CSS specificity if you're not familiar with it</p> <p><a href="http://css-tricks.com/855-specifics-on-css-specificity/" rel="nofollow">http://css-tricks.com/855-specifics-on-css-specificity/</a></p> <p><a href="http://www.htmldog.com/guides/cssadvanced/specificity/" rel="nofollow">http://www.htmldog.com/guides/cssadvanced/specificity/</a> </p> https://legacy.forums.gravityhelp.com/topic/margins-on-input-boxes#post-35204 Tue, 13 Sep 2011 16:58:24 +0000 djadejones 35204@https://legacy.forums.gravityhelp.com/ <p>Hi Guys<br /> I am just trying to reduce the size of the gap between my input fields, and in my css I have:<br /> <pre><code>[css] #left form { margin-left: 50px; } #left input { margin-right: 20px; margin-bottom: 15px; padding: 3px; } #left label { width: 7em; }</code></pre> <p>So I reduced the margin-bottom on the input from 15px to 5px and this has reduced the size on some forms but not others.<br /> One form it did work on is this one:<br /> <a href="http://www.primarycarecommunity.net/newlocum/" rel="nofollow">http://www.primarycarecommunity.net/newlocum/</a><br /> but 2 it didn't work on are on this page:<br /> <a href="http://www.primarycarecommunity.net/vacancies/" rel="nofollow">http://www.primarycarecommunity.net/vacancies/</a></p> <p>Any help appreciated, thanks. </p>