How do I increase the width of the text field in my multiple choice option questions

  • Taminga
    Asked on March 22, 2019 at 3:35 AM

    I would like to have the text across one line only. Even if I set to 2 columns, the text still wraps to 2 lines.

    Ideally this would be the same for all multiple choice questions on this page

    I don't have any luck inserting CSS code and I don't seem to have a version that helps with design tips that are often recommended in forum posts 

    Jotform Thread 1768838 Screenshot
    Page URL: https://www.jotform.com/build/81721015724853
  • BJoanna
    Replied on March 22, 2019 at 4:06 AM

    Please add the CSS codes to your form:

    #cid_96 span.form-checkbox-item {

        width : 200px;

    }

    #cid_97 span.form-checkbox-item {

        width : 200px;

    }

    #cid_98 span.form-checkbox-item {

        width : 200px;

    }

    How to Inject Custom CSS Codes

    After you add the CSS codes, you form will look like this.

    1553241811css1 Screenshot 10

    Here is a demo form - https://form.jotform.com/90802209371957

    Feel free to test it and clone it.