If choosing the option to divide radio buttons in columns, text overlaps or goes to a new line. How do I create more space between radio buttons?

  • JoseeSchrijnemakers
    Asked on January 28, 2016 at 9:41 AM

    I tried to insert: 

    .form-multiple-column .form-checkbox-item {

    width: 390px;

    }

    In form styles under Inhect custom CSS (as I read as a suggestion tot another user with the same problem). But to no effect

    If  choosing the option to divide radio buttons in columns, text overlaps or goes to a new line Screenshot 20

    thanks for your help, 

    Josee

    Jotform Thread 758503 Screenshot
  • Kiran Support Team Lead
    Replied on January 28, 2016 at 11:32 AM

    Could you try inserting the following CSS code to your JotForm to see if that helps?

    .form-multiple-column {

    width: 180% !important;

    }

    After applying the code, the fields should be displaying as below:

    If  choosing the option to divide radio buttons in columns, text overlaps or goes to a new line Screenshot 20

    Please get back to us if you need any further assistance. We will be happy to help. 

  • JoseeSchrijnemakers
    Replied on February 19, 2016 at 12:09 PM

    This is perfect! Thanks!

    Josee

  • Kiran Support Team Lead
    Replied on February 19, 2016 at 1:18 PM

    Anytime, Josee. Glad to see that the issue is now resolved for your. Please do not hesitate to get in touch with us if you need any further assistance. We will be happy to help. 

    Thank you for using JotForm!!