https://legacy.forums.gravityhelp.com/topic/float-lables-to-left-on-widget-form Gravity Support Forums Topic: Float lables to left on widget form en-US Sat, 04 Apr 2026 15:50:17 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/float-lables-to-left-on-widget-form#post-23159 Wed, 13 Apr 2011 11:47:08 +0000 Carl Hancock 23159@https://legacy.forums.gravityhelp.com/ <p>How familiar are you with CSS? You would have to inspect the HTML and see what elements you want to style and then add custom CSS to your themes stylesheet to target and styles those elements.</p> <p>Here is some documentation on how to target and style form elements:</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>Let me know if you need further assistance, we can take a look at your form and provide some suggested CSS changes.</p> <p>Always add custom CSS to your themes stylesheet, never edit the Gravity Forms CSS file itself. </p> https://legacy.forums.gravityhelp.com/topic/float-lables-to-left-on-widget-form#post-23156 Wed, 13 Apr 2011 11:07:55 +0000 Billmcq 23156@https://legacy.forums.gravityhelp.com/ <p>Thanks Carl. I am new to this plugin. I was trying to make it harder than it was. lol<br /> Ok, how do I tighten up the space between the fields. I would like to have it rather tight.<br /> I tried to use the following from another thread, but that didn't work.</p> <p>'li.widget.gform_widget ul li {margin:0!important; line-height:auto!important}<br /> li.widget.gform_widget ul li.gfield input,li.gform_widget ul li.gfield textarea{margin-bottom:0!important}<br /> li.widget.gform_widget .gform_footer {padding:0!important}' </p> https://legacy.forums.gravityhelp.com/topic/float-lables-to-left-on-widget-form#post-23155 Wed, 13 Apr 2011 11:05:08 +0000 Carl Hancock 23155@https://legacy.forums.gravityhelp.com/ <p>You shouldn't have to do this with CSS, it's a form setting. Edit your form, select Form Settings, and select the left aligned field label option. </p> https://legacy.forums.gravityhelp.com/topic/float-lables-to-left-on-widget-form#post-23146 Wed, 13 Apr 2011 10:52:04 +0000 Billmcq 23146@https://legacy.forums.gravityhelp.com/ <p>I searched for this rather simple question, but really couldn't find what I was looking for. I want to float the labels left for this form in the widget area. (instead of having the labels above the fields). How can I do this in css?<br /> <a href="http://mcqwebdesign.com/demos/euromedspa/him-her-couples/" rel="nofollow">http://mcqwebdesign.com/demos/euromedspa/him-her-couples/</a> </p>