What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Labels aren't aligned consistently

    Asked by shinelife on July 30, 2016 at 09:21 AM

    Hi! I am stuck formatting my first form. The titles are driving me crazy. Some are correct, but some are stacked on 3 lines with plenty of room to fit on one line. What am I missing here?

     

    For example, "Title or Relationship to Organization" and "Estimated number of people served" are all on one line, but other titles are stacked,

    How will a SHINElife

    donation assist your

    program?

     

    Has the organization

    received support from

    SHINElife in the past? 

     

    I want those longer titles to run the length of the input box, not show stacked :(

    Page URL:
    https://www.jotform.com//?formID=62108456652153#

    Screenshot
    aligned style labels consistently css
  • Profile Image
    JotForm Support

    Answered by Jan on July 30, 2016 at 12:28 PM

    It is possible to increase the label by using custom CSS. First, please align the label of "Has the organization received support from SHINElife in the past?" radio button to "Top".

    Now, these are the ID selector of each label that needs to be adjusted:

    Has the organization received support from SHINElife in the past? = #label_57
    How will a SHINElife donation assist your program?#label_61
    Area or Community the program will serve#label_62
    How will the funds raised for the program be used?#label_60

    Here's the CSS code that you need to increase the label's width:

    #label_57, #label_61, #label_62, #label_60 {
    width: 350px !important;
    }

    Here's a guide on how to inject custom CSS.

    Hope that helps. Thank you.

     

  • Profile Image

    Answered by shinelife on July 30, 2016 at 01:15 PM

    Worked perfectly, thank you!

  • Profile Image
    JotForm Support

    Answered by Jan on July 30, 2016 at 05:59 PM

    Glad to hear that. If you need anything else, let us know. Thank you.