How can I change the width of top aligned labels

  • Profile Image
    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
    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:

    .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:

    The pixel values can be changed to adjust the widths.