What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.

  • Profile Image

    How to increase line spacing between radio button options?

    Asked by bhds 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.

    Page URL:

  • Profile Image
    JotForm Support

    Answered by Kiran 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 by bhds on September 02, 2016 at 08:41 AM

    Thank you - that's exactly what I needed.