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.

How can I change line height of Radio Button form field?

  1. I've added custom CSS and haven't had much luck.

    Have tried..

    .heightspacing
    {
    line-height: 30px
    }
    li.heightspacing
    {
    line-height: 30px
    }
    #heightspacing
    {
    line-height: 30px
    }

    and then put heightspacing into the CSS Class Name field in the advanced tab of the Radio Button field.

    None have worked.
    What am I doing wrong!?

    Posted 12 years ago on Tuesday July 24, 2012 | Permalink
  2. David Peralty

    Can you link to your form? You might have to use something like:

    .heightspacing {
    line-height: 30px !important;
    }
    Posted 12 years ago on Tuesday July 24, 2012 | Permalink
  3. http://www.swiftprintuk.com/posters-test/

    Posted 12 years ago on Tuesday July 24, 2012 | Permalink
  4. What is your goal here? Spacing between li elements or line-height on the label?

    This would be for the label:

    [css]
    .heightspacing label {
    line-height: 22px !important;
    }

    This would be for the spacing on the li elements, just change/replace your current selector with the below:

    [css]
    body .gform_wrapper form .gform_body ul, body .gform_wrapper form .gform_body ul li {
    list-style: none!important;
    list-style: none!important;
    background: none!important;
    background: none!important;
    padding: 0!important;
    margin: 0 0 10px 0!important;
    }
    Posted 12 years ago on Tuesday July 24, 2012 | Permalink