PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Float lables to left on widget form

  1. 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 8 years ago on Wednesday April 13, 2011 | Permalink
  2. 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 8 years ago on Wednesday April 13, 2011 | Permalink
  3. 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 8 years ago on Wednesday April 13, 2011 | Permalink
  4. 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 8 years ago on Wednesday April 13, 2011 | Permalink