How do i have all three radio buttons on the same line by reducing the space inbetween?

  • HACA
    Asked on March 22, 2016 at 11:14 PM

    I would like to have all three of the radio buttons on the same line (reduce spacing between radio buttons).  However, when I look as the CSS inject I cannot determine what to change.

    https://form.jotform.com/HACA/2016WOYTT_CandidateBio

    How do i have all three radio buttons on the same line by reducing the space inbetween? Image 1 Screenshot 20

  • Kiran Support Team Lead
    Replied on March 22, 2016 at 11:40 PM

    I see that the columns for the radio buttons are already spread to 3 from the settings. The issue is caused due to having more label width to fit 3 columns within the width of the form. Please inject the following CSS code to your JotForm and the 3 radio buttons should be displaying in a line.

    .form-radio-item {

    width: 33% !important;

    }

    How do i have all three radio buttons on the same line by reducing the space inbetween? Image 1 Screenshot 20

    Hope this information helps! 

  • HACA
    Replied on March 23, 2016 at 12:07 AM

    I injected the CSS, but no change.  Do I need to remove something so the form will update?

    Thanks,

     

  • Kiran Support Team Lead
    Replied on March 23, 2016 at 12:20 AM

    I see that there is a missing closing brace } before the code injected. This is causing the injected code not to effected on the form.

    How do i have all three radio buttons on the same line by reducing the space inbetween? Image 1 Screenshot 20 

    Please add a closing brace } after 6px so that the issue should be resolved. 

    Please get back to us if the issue still persists. We will be happy to assist you further. 

  • HACA
    Replied on March 23, 2016 at 8:42 AM

    Thanks!  That did the trick.  Just too tired, I guess, and overlooked the bracket.

  • Kiran Support Team Lead
    Replied on March 23, 2016 at 9:46 AM

    Great! Glad to see that the issue is now resolved for you. 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!! Take care.