How can I change the width of top aligned labels

  • Profile Image
    sarabreed
    Asked on January 04, 2018 at 11:45 AM

    I have most of my form questions set as top aligned but when I preview the form the questions show as top aligned but squished over to the left - See screenshot attached. Did I mess up one of the settings?



  • Profile Image
    david
    Answered on January 04, 2018 at 12:58 PM

    If you want all the labels to be the same width, you could set the width using the following code:

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

    .form-label.form-label-top {
        width : 540px;
    }

    Then add the following to set the widths of the phone number and extension fields so they still fit on one line:

    #label_61, #label_88, #label_89, #label_21, #label_90, #label_18 {
        width : 200px !important;
    }

    Here is how the form would look with the code added:

    https://form.jotform.com/80035029252952

    The pixel values can be changed to adjust the widths.