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?

Gravity Support Forums » Plugin Support » Gravity Forms

  1. growe19
    Member

    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 11 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 11 years ago on Tuesday July 24, 2012 | Permalink

  3. growe19
    Member

    http://www.swiftprintuk.com/posters-test/

    Posted 11 years ago on Tuesday July 24, 2012 | Permalink

  4. Rob Harrell
    Member

    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 11 years ago on Tuesday July 24, 2012 | Permalink