Horizontal Spacing Radio Boxes

  • Profile Image
    chrisjaeger
    Asked 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

     

     

     

     

  • Profile Image
    BDAVID
    Answered 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
    chrisjaeger
    Answered 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
    Mike_T
    Answered 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
    chrisjaeger
    Answered on July 28, 2014 at 05:17 PM

    Perfect!

    Thank you!

    Awesome support from JotForm as usual!

    Chris