Horizontal Spacing Radio Boxes

  • chrisjaeger
    Asked on July 28, 2014 at 4: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

     

     

     

     

  • David JotForm Support Manager
    Replied on July 28, 2014 at 4:52 PM

    If you want it to look from this:

    Horizontal Spacing Radio Boxes Image 1 Screenshot 30

    To this:

    Horizontal Spacing Radio Boxes Image 2 Screenshot 41

    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.

  • chrisjaeger
    Replied on July 28, 2014 at 4: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!

     

     

     

     

     

  • Mike_T Jotform Support
    Replied on July 28, 2014 at 5: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:

    Horizontal Spacing Radio Boxes Image 1 Screenshot 20

    How exactly do you want to style it?

  • chrisjaeger
    Replied on July 28, 2014 at 5:17 PM

    Perfect!

    Thank you!

    Awesome support from JotForm as usual!

    Chris