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

    My form headings are being cut off. Help!

    Asked by KellyAngelovic on August 06, 2016 at 11:02 PM

    As you can see above, the headings on my form are being cut off for some reason. Can you help me fix this? 

    Thank you in advance for your help!

    Page URL:
    https://form.jotform.com/62094467210149

    Screenshot
    cut JotForm uploads png www
  • Profile Image
    JotForm Support

    Answered by Chriistian on August 07, 2016 at 01:58 AM

    Hi,

    I checked your form and it seems to look fine. The form headings are fully visible. Please see below.

    If the form looks different from your side, you might need to clear your browser cache. Do let us know if you need further assistance.

  • Profile Image

    Answered by KellyAngelovic on August 08, 2016 at 01:45 PM
    Hi there,
    I recently asked you guys to help because my form headings are being cut
    off which you can see in the image below.
    You suggested I clear my cache as they looked fine on your end. I cleared
    my browser cache, but unfortunately, I'm still having the same issue. It
    seems to be a Chrome issue. I'm using a macbook pro and Chrome as my
    browser. In Safari, the headings look fine. What can I do? I can't send my
    form out to clients looking like this. Please advise.
    Thanks so much in advance for your help! The link to my form is
    https://form.jotform.com/62094467210149.​
    Warmly,
    Kelly Angelovic
    Kelly Angelovic ILLUSTRATION + DESIGN
    970 390 6121 :: Kelly@KellyAngelovic.com :: Newsletter

    KellyAngelovic.com
    ...
  • Profile Image
    JotForm Support

    Answered by Mike_G on August 08, 2016 at 02:37 PM

    I have checked your form using Google Chrome on Mac and I'm unable to reproduce the issue you're having.

    May we know the version of the Google Chrome you're using, please?

    If it is possible, can you try to create a new form then use the same logo and check if you will have the same issue?

    We will wait for your response. Thank you.

  • Profile Image

    Answered by KellyAngelovic on August 08, 2016 at 04:45 PM
    I'm using this version of Chrome: Version 52.0.2743.116 (64-bit)
    I just created a new form quickly using the same theme. Here are the
    headers. They're better, but still a little cut off. Please advise. Thank
    you!!!

    Kelly Angelovic ILLUSTRATION + DESIGN
    970 390 6121 :: Kelly@KellyAngelovic.com :: Newsletter

    KellyAngelovic.com
    ...
  • Profile Image
    JotForm Support

    Answered by Mike_G on August 08, 2016 at 05:12 PM

    I, together with one of my colleagues, will further check your issue. Right now I still cannot reproduce the issue you're having. We will make some necessary tests and get back to you as soon as we have any findings. Thank you.

  • Profile Image

    Answered by KellyAngelovic on August 08, 2016 at 05:46 PM
    Thank you. I look forward to hearing back from you.
    Warmly, Kelly
    Kelly Angelovic ILLUSTRATION + DESIGN
    970 390 6121 :: Kelly@KellyAngelovic.com :: Newsletter

    KellyAngelovic.com
    ...
  • Profile Image
    JotForm Support

    Answered by Mike_G on August 10, 2016 at 08:16 AM

    We have found a solution to your issue. Please add the CSS codes below to your form:

    .form-label.form-label-left.form-label-auto {

    position:initial !important;

    width: 744px !important;

    }

    The instruction on how you can add/inject CSS codes to your form is found in this guide: How-to-Inject-Custom-CSS-Codes

    Please note that it is not necessary for you to add this part: "width: 744px !important;"

    I only added it so the headings will be in one line. You can choose not to add it if not needed.

    I hope this helps. If you have any other questions or concerns. Please feel free to contact us anytime. Thank you.

  • Profile Image

    Answered by KellyAngelovic on August 10, 2016 at 12:46 PM
    Yahoo! That worked. Thank you!!!
    Kelly
    Kelly Angelovic ILLUSTRATION + DESIGN
    970 390 6121 :: Kelly@KellyAngelovic.com :: Newsletter

    KellyAngelovic.com
    ...