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.

Spacing

  1. Spacing between field and labels is somehow off
    how to control it see this page http://executivemortgageservices.com/new2011/
    I'm looking to it to be http://advantagelendingcorp.com/

    ALso space between fields is too big I want to narrow it.

    Thanks,
    Mansi

    Posted 8 years ago on Friday August 5, 2011 | Permalink
  2. The other form you referenced looks like it has a few styling issues of it's own. Personally, I think the left-label or right-label layout is a poor choice for a sidebar form because of the limited horizontal space. Of course it's your site and your preference.

    screenshot: http://bit.ly/qLGJsL

    You can tighten up the vertical spacing by reducing the bottom margin value from the containing list items. Add this to the end of your theme stylesheet.

    [css]
    body #gform_wrapper_1.gform_wrapper ul.right_label li,
    body #gform_wrapper_1.gform_wrapper form ul.right_label li,
    body #gform_wrapper_1.gform_wrapper ul.left_label li,
    body #gform_wrapper_1.gform_wrapper form ul.left_label li {
    	margin-bottom:0
    }

    after that, go into the form editor and change the width setting on all of the fields from "medium" to "large"

    test screenshot: http://bit.ly/ogfenD

    from there you can target the different elements of the form to fine-tune it to your preference. The documentation has a comprehensive breakdown of all the form elements and examples of how to properly target them for CSS manipulation.

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

    Posted 8 years ago on Friday August 5, 2011 | Permalink