How to increase line spacing between radio button options?

  • Profile Image
    Asked on September 01, 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.

  • Profile Image
    Answered on September 01, 2016 at 02: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.

    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. 


  • Profile Image
    Answered on September 02, 2016 at 08:41 AM

    Thank you - that's exactly what I needed.