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

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

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

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

  • Profile Image
    Kiran
    Answered on March 21, 2018 at 01: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.

  • Profile Image
    Kiran
    Answered on March 21, 2018 at 01: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.png

    Thank you!