Float lables to left on widget form « Gravity Support Forums

Gravity Support Forums » Plugin Support » Gravity Forms

Billmcq
Member

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?
http://mcqwebdesign.com/demos/euromedspa/him-her-couples/

Posted 13 years ago on Wednesday April 13, 2011 | Permalink
Carl Hancock
Administrator

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.

Posted 13 years ago on Wednesday April 13, 2011 | Permalink
Billmcq
Member

Thanks Carl. I am new to this plugin. I was trying to make it harder than it was. lol
Ok, how do I tighten up the space between the fields. I would like to have it rather tight.
I tried to use the following from another thread, but that didn't work.

'li.widget.gform_widget ul li {margin:0!important; line-height:auto!important}
li.widget.gform_widget ul li.gfield input,li.gform_widget ul li.gfield textarea{margin-bottom:0!important}
li.widget.gform_widget .gform_footer {padding:0!important}'

Posted 13 years ago on Wednesday April 13, 2011 | Permalink
Carl Hancock
Administrator

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.

Here is some documentation on how to target and style form elements:

http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples

Let me know if you need further assistance, we can take a look at your form and provide some suggested CSS changes.

Always add custom CSS to your themes stylesheet, never edit the Gravity Forms CSS file itself.

Posted 13 years ago on Wednesday April 13, 2011 | Permalink