https://legacy.forums.gravityhelp.com/topic/spacing-and-formatting Gravity Support Forums Topic: Spacing and formatting en-US Tue, 21 Apr 2026 11:52:54 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/spacing-and-formatting#post-32271 Wed, 10 Aug 2011 20:47:38 +0000 Kevin Flahaut 32271@https://legacy.forums.gravityhelp.com/ <p>My pleasure. If you need anything else please let us know. </p> https://legacy.forums.gravityhelp.com/topic/spacing-and-formatting#post-32268 Wed, 10 Aug 2011 20:01:02 +0000 choib730 32268@https://legacy.forums.gravityhelp.com/ <p>Thank you so much for all your help and your professionalism.<br /> Thank you. </p> https://legacy.forums.gravityhelp.com/topic/spacing-and-formatting#post-32266 Wed, 10 Aug 2011 19:47:45 +0000 Kevin Flahaut 32266@https://legacy.forums.gravityhelp.com/ <p>Yes, like I said earlier. Resize the parent list item and the fields will adjust accordingly. Remove the other styles you've added and add this instead.</p> <pre><code>[css] body .gform_wrapper li#field_2_2 { width: 50%; }</code></pre> <p>screenshot: <a href="http://bit.ly/nhp16e" rel="nofollow">http://bit.ly/nhp16e</a> </p> https://legacy.forums.gravityhelp.com/topic/spacing-and-formatting#post-32265 Wed, 10 Aug 2011 19:17:10 +0000 choib730 32265@https://legacy.forums.gravityhelp.com/ <p>Thank you for your help again.<br /> However, as you can see on your screenshot, this leaves gap between the email field and confirm email field.<br /> Any solution to this?<br /> I really appreciate your help.<br /> Thank you.<br /> <a href="http://www.aaron-choi.com/rsvp/" rel="nofollow">http://www.aaron-choi.com/rsvp/</a> </p> https://legacy.forums.gravityhelp.com/topic/spacing-and-formatting#post-32173 Wed, 10 Aug 2011 02:21:09 +0000 Kevin Flahaut 32173@https://legacy.forums.gravityhelp.com/ <p>I would reduce the size of the parent container for both fields rather than trying to style each individual email field. The reason is that they are set as percentages of the parent width so resizing the parent would effectively reduce the width of the children.</p> <p>Either way, you could use more specific CSS to override the default width, or simply use the !important declaration to overcome it.</p> <pre><code>[css] body .gform_wrapper input#input_2_2 { width: 300px!important; }</code></pre> <p>screenshot: <a href="http://bit.ly/newD7W" rel="nofollow">http://bit.ly/newD7W</a> </p> https://legacy.forums.gravityhelp.com/topic/spacing-and-formatting#post-32172 Wed, 10 Aug 2011 01:56:47 +0000 choib730 32172@https://legacy.forums.gravityhelp.com/ <p>W.O.W.<br /> Thank you for your prompt response. That did it. Thank you so much.<br /> however, I have just one more question on the field length.<br /> on my other form - <a href="http://www.aaron-choi.com/rsvp/" rel="nofollow">http://www.aaron-choi.com/rsvp/</a><br /> I was able to change the length of the field and shorten it, but the email field</p> <p>.gform_wrapper #input_2_2 { width: 600px; }</p> <p>it does not seem to change the length at all no matter what I put.<br /> Thank you again for your help. </p> https://legacy.forums.gravityhelp.com/topic/spacing-and-formatting#post-32168 Tue, 09 Aug 2011 21:19:24 +0000 Kevin Flahaut 32168@https://legacy.forums.gravityhelp.com/ <p>If by "its name" you're talking about the sub-labels beneath the fields then that's coming from a margin value in your theme. It's setting a blanket 10px bottom margin on all inputs, textareas, etc. That's also causing your zip code to align improperly to the right of the form. It's "hanging" on the invisible element border to the left.</p> <p>You can add this to the end of your custom CSS file and it should correct both problems.</p> <pre><code>[css] body .gform_wrapper input, body .gform_wrapper textarea, body .gform_wrapper select { margin:0 }</code></pre> <p>screenshot: <a href="http://bit.ly/p9F8Z6" rel="nofollow">http://bit.ly/p9F8Z6</a> </p> https://legacy.forums.gravityhelp.com/topic/spacing-and-formatting#post-32167 Tue, 09 Aug 2011 21:07:02 +0000 choib730 32167@https://legacy.forums.gravityhelp.com/ <p>Hi, I have looked up previous post on this topic and tried to fix them with examples provided, but nothing seems to change. My site is <a href="http://www.aaron-choi.com/contact/" rel="nofollow">http://www.aaron-choi.com/contact/</a><br /> and I am trying to get rid of the space between the field and its name.<br /> And can you please see why the zip code field is to the right instead of being on the left?<br /> Thank you for all your assistance. </p>