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 can I control (reduce or increase) spacing between Radio/checklist question & buttons (tools) and the following free text (html) tool?

    Asked by vday on November 11, 2013 at 10:21 AM

    Basically what I am trying to do is reduce or increase spacing from one of my radio/ checklist tool and the following sentence that is made in free text (html tool).

    What would be the CSS coding required to inject a custom CSS ?

    Here are the 2 areas where I would like to increase / reduce spacing in:

    Image is found here

    The spacing required is between the radio/ checklist buttons (in dark blue colour) and the next text in free text (html) tool in yellow colour.

     

    Many thanks

    tools tool
  • Profile Image

    Answered by jedcadorna on November 11, 2013 at 12:52 PM

    Thank you for contacting us, For increasing or reducing your checkbox space please use this CSS code .form-checkbox-item {width: XXpx; height: XXpx;}  where XX is the amount of space you want to add or reduce in your checkbox. Same thing with radio button .form-radio-item {width: XXpx; height: XXpx;}.

    Sample:

    From this 

     

    To this: 

     

    Don't hesitate to ask if you have other questions.

    Thanks,