https://legacy.forums.gravityhelp.com/topic/increase-the-label-width Gravity Support Forums Topic: Increase the label width en-US Sun, 19 Apr 2026 23:21:35 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/increase-the-label-width#post-296588 Sun, 02 Jun 2013 08:42:17 +0000 Richard Vav 296588@https://legacy.forums.gravityhelp.com/ <p>I can't find that CSS in your stylesheet but it appears you have added the following to your theme's style.css file which is floating your labels left.<br /> <pre><code>.gform_wrapper .top_label .gfield_label { display: block; float: left; padding-right: 20px; width: 100px; margin: 5px 0px 4px !important; }</code></pre> <p>This is the hard way to go about this, delete that rule then go to your form settings and change the label placement to 'left aligned', that will automatically put your labels to the left of your fields and make the label wider. You can then add the following to your stylesheet to increase the bottom margin if required.<br /> <pre><code>.gform_wrapper .gfield { margin-bottom: 30px !important; }</code></pre> <p>Regards,<br /> Richard </p> https://legacy.forums.gravityhelp.com/topic/increase-the-label-width#post-295583 Sat, 01 Jun 2013 15:47:39 +0000 pandemicsoul 295583@https://legacy.forums.gravityhelp.com/ <p>Not sure what I'm doing wrong here. I want to increase the size of the label width and then add some top-margin to the fields. </p> <p>I added the following to my custom.css file, but I don't seem to be getting any changes: </p> <pre><code>.gfield_label { width: 255px; margin: 10px 0px 4px !important; }</code></pre> <p>Page: <a href="http://www.starbase118.net/members/personnel/forms/request-to-return/" rel="nofollow">http://www.starbase118.net/members/personnel/forms/request-to-return/</a> </p>