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

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

  • Profile Image
    Kiran
    Answered 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;

    }

    Hope this information helps! 

  • Profile Image
    HACA
    Answered 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,

     

  • Profile Image
    Kiran
    Answered 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.

     

    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. 

  • Profile Image
    HACA
    Answered on March 23, 2016 at 08:42 AM

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

  • Profile Image
    Kiran
    Answered on March 23, 2016 at 09: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.