Increase space between radio button options

  • CEOGlobal
    Asked on June 20, 2016 at 6:23 PM

    HI, I need to increase the vertical space between the radio button options in this form:

     

    https://form.jotform.com/61717333466155

     

    Thanks for your help.

  • irshadahmad84
    Replied on June 20, 2016 at 7:15 PM

    You can do this by putting the custom css code as mentioned below:

     

    .form-radio-item { padding-bottom:24px;}

     

    For putting the custom css, you need to follow the below steps.

    1. Click to the Preferences button.

    Increase space between radio button options Image 1 Screenshot 30

     

    2. Need to click on "FORM STYLES ->CUSTOM CSS". In the custom css form, you can inject the custom css.

    Increase space between radio button options Image 2 Screenshot 41

    Please try it and let me know, if you face any issue.

  • CEOGlobal
    Replied on June 20, 2016 at 7:37 PM

    Thank you.  Sorry to say it is not working for me.  Maybe you can advise me further:

    https://form.jotform.com/61716975538166

     

    Thank you.

  • irshadahmad84
    Replied on June 20, 2016 at 7:42 PM

    I think you have used this code:

    .form-radio-item { padding-bottom: 64px;}

    So instead of the above code, can you please try the below code:

    .form-radio-item { padding-bottom: 64px!important;}

  • CEOGlobal
    Replied on June 20, 2016 at 7:53 PM

    Perfect.  I had just copied the line that was provided in the first case.  This one works great.  Thanks.

  • Jeanette JotForm Support
    Replied on June 20, 2016 at 8:47 PM

    I am very glad to see that @irshadahmad84 helped you to sort out the problem.