How to increase text spacing in my form?

  • richardcsu
    Asked on June 20, 2017 at 11:23 AM

    In the text box in the editor, I format the text how it should look, but when I preview the form, or view the live form, it is all squished together on top of each other (top two paragraphs).  I can't figure out why this would be happening (and only in the text boxes).  I am not able to change the font size above 10 before it starts squishing the lines together.

    Screen shot PDF attached showing all three:  editor, preview, and live.

    Thank you.

    Jotform Thread 1178466 Screenshot
  • Nik_C
    Replied on June 20, 2017 at 12:53 PM

    When I checked your form the size of the font was 18:

    How to increase text spacing in my form? Image 1 Screenshot 50

    And on preview the form looked like this:

    How to increase text spacing in my form? Image 2 Screenshot 61

    So I'm not sure if you fixed this issue in the meantime.

    Anyhow, you could increase the space between the lines by using the line-height CSS, for example:

    line-height: 1.5;

    And insert it through the source code of the Text field:

    How to increase text spacing in my form? Image 3 Screenshot 72

    You could insert the above line in span through styling:

    How to increase text spacing in my form? Image 4 Screenshot 83

    And that will increase the height between that and next line. Of course, you can increase the number if you need bigger space.

    Please try and let us know if you need any further assistance.

    Thank you!