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

    Horizontal Spacing Radio Boxes

    Asked by chrisjaeger on July 28, 2014 at 04:27 PM

    Hi, I see versions of this question answered here and there in the support forum, but can't get any of it to work.

    Here is my form. I'm just trying to fix up the spacing on the top radio buttons.

    http://form.jotformpro.com/form/42085944960967

    Thanks in advance for any help with this!


    Chris

     

     

     

     

    Page URL:
    http://form.jotformpro.com/form/42085944960967

    horizontal horizontal spacing radio buttons thanks and top
  • Profile Image
    JotForm Support

    Answered by BDAVID on July 28, 2014 at 04:52 PM

    If you want it to look from this:

    To this:

    Please inject the following CSS code in your form:

    .form-radio-item label{

    margin-left: 0px;

    }

    Hope this is what you are looking for, if not, please let us know, we will be glad to assist you.

  • Profile Image

    Answered by chrisjaeger on July 28, 2014 at 04:54 PM

    This is almost perfect, but not quite.

    http://form.jotformpro.com/form/42085944960967

    Maybe I need a few more customizations to the CSS.

    A little more spacing between the radio button and the text?

    Thanks!

     

     

     

     

     

  • Profile Image
    JotForm Support

    Answered by Mike_T on July 28, 2014 at 05:15 PM

    For example, we can use the following CSS:

    .form-radio-item label {
    margin-left: 4px;
    }

    .form-radio-item {
    width: 190px !important;
    }

    And it will look like this:

    How exactly do you want to style it?

  • Profile Image

    Answered by chrisjaeger on July 28, 2014 at 05:17 PM

    Perfect!

    Thank you!

    Awesome support from JotForm as usual!

    Chris