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.

Decrease Height Below Checkbox

  1. paulszymanski
    Member

    Please see my form at:
    http://ahhowland.com/request-a-quote.html

    How do I decrease the height below the checkbox:
    Is Billing Address Same As Address of Property You Need Services For?

    I have:
    body #gform_wrapper_10 .gform_body .gform_fields .gfield .gfield_checkbox {
    margin-bottom:2px
    }

    Posted 12 years ago on Sunday September 16, 2012 | Permalink
  2. paulszymanski
    Member

    Is it a line height issue?

    Posted 12 years ago on Monday September 17, 2012 | Permalink
  3. Add this to one of your theme's stylesheets, wherever the theme provider recommends custom CSS rules be added:

    [css]
    body #gform_wrapper_10 ul li ul.gfield_checkbox li {
        padding-bottom:0!important;
        margin-bottom:0!important;
    }

    Being a multi-page form I was not able to check for ill effects on other fields. Please check it out after adding it to your stylesheet.

    Posted 12 years ago on Tuesday September 18, 2012 | Permalink
  4. entered in error

    Posted 12 years ago on Tuesday September 18, 2012 | Permalink
  5. Yes, exactly. I had initially left it out, like this:

    [css]
    body .gform_wrapper

    But then I saw you included that. If you do it as body .gform_wrapper, it will apply to all Gravity Forms on your site.

    Posted 12 years ago on Tuesday September 18, 2012 | Permalink
  6. paulszymanski
    Member

    I added that to:
    http://ahhowland.com/wp-content/themes/coolbluetheme_ahhow/style.css

    and it did not seem to work. Looking to do the same thing with the "What type of project are you working on" checkboxes as well. Thanks in advance!

    Posted 12 years ago on Wednesday September 19, 2012 | Permalink
  7. You are referencing gform_wrapper_10 when you should be referencing gform_wrapper_1:

    [css]
    body #gform_wrapper_1 ul.gfield_checkbox li {
    margin-bottom: 0;
    }

    or globally:

    [css]
    body .gform_wrapper ul.gfield_checkbox li {
    margin-bottom: 0 !important;
    }
    Posted 12 years ago on Wednesday September 19, 2012 | Permalink