How to increase line spacing between radio button options?

  • bhds
    Asked on September 1, 2016 at 12:51 PM

    Is it possible to increase the line spacing between options in a radio button object?

    We've set up a form where for some of the radio button objects the options are quite long, and it can make it harder to see which option is which.  Is it possible to change the line spacing between options so that there is some blank space between them?

    Thank you.

  • Kiran Support Team Lead
    Replied on September 1, 2016 at 2:55 PM

    I believe that you are referring to the radio options mentioned in Cafetaria sessions on your JotForm. Please inject the following CSS code to your JotForm to increase the spacing between the options.

    #cid_22 .form-radio-item, #cid_34 .form-radio-item, #cid_40 .form-radio-item, #cid_42 .form-radio-item {

        margin-bottom: 15px;

    }

    This is how they should be displaying on your form after injecting the CSS code.

    How to increase line spacing between radio button options? Image 1 Screenshot 20

    If you need more spacing, you may increase the margin value from the code provided.

    Hope this information helps! Let us know if you are referring something different. We will be happy to help. 

     

  • bhds
    Replied on September 2, 2016 at 8:41 AM

    Thank you - that's exactly what I needed.