How to adjust the text in checkbox field in one line?

  • EvaHolm
    Asked on March 21, 2018 at 11:26 AM

    Can you move the word "incubator" to the right so it aligns with "CABI"?

    Or adjust the margin?

    1521639431Screen Shot 2018 03 21 at 14 Screenshot 10

  • Kiran Support Team Lead
    Replied on March 21, 2018 at 11:30 AM

    I have checked you last edited form and was unable to find this field. Could you provide us with the form ID that you are working on so that we can take a look and assist you further?

    We will wait for your response. Thank you!

  • EvaHolm
    Replied on March 21, 2018 at 11:40 AM

    It is actually for all the multiple choice boxes. I would like the margin to align the text. 

  • Kiran Support Team Lead
    Replied on March 21, 2018 at 1:05 PM

    I'm looking into this to provide you the custom CSS code. Please allow me some time to check this and get back to you with relevant information.

    Thank you for your patience.

  • Kiran Support Team Lead
    Replied on March 21, 2018 at 1:34 PM

    Thank you for your patience. Please inject the following CSS code to your JotForm so that the Text in the multiple choice field should be displaying correctly.

    .form-single-column, .form-single-column > .form-checkbox-item {

        width: 100%;

    }

    #cid_39 {

    white-space: nowrap;

    }

    Please see the screenshot below how the text will be displayed after injecting the code.

    1521653646Selection 117 Screenshot 10

    Thank you!