Labels aren't aligned consistently

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

  • Profile Image
    Jan
    Answered 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
    shinelife
    Answered on July 30, 2016 at 01:15 PM

    Worked perfectly, thank you!

  • Profile Image
    Jan
    Answered on July 30, 2016 at 05:59 PM

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