How to adjust padding for multiple choice questions

  • baihs
    Asked on September 18, 2017 at 7:35 PM

    How can I create a signature box and Date box on the same line?

     

    Can I have short text entry box next to Full Name on the same line?

    I set up 3 columns for a multiple choice question, but they look too crowded. Is there a way I can adjust the column width?

    Thanks.

  • Elton Support Team Lead
    Replied on September 18, 2017 at 8:06 PM

    Inject this CSS code to your form to adjust the check box/radio button columns.

    .form-multiple-column .form-radio-item,

    .form-multiple-column .form-checkbox-item {

        width: 205px;

    }

    Guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    You might as well add this if you want the signature and date fields to be on a single line.

    li#id_6 {

        padding-left: 10px;

    }

    li#id_5 {

        padding-right: 0;

    }

    Result:

    How to adjust padding for multiple choice questions Image 1 Screenshot 20

    Here's how to make fields side by side http://www.jotform.com/help/90-Field-Positioning.

    If you need further assistance, let us know.