My form headings are being cut off. Help!

  • Profile Image
    KellyAngelovic
    Asked 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!

  • Profile Image
    Chriistian
    Answered 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
    KellyAngelovic
    Answered 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
    Mike_G
    Answered 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
    KellyAngelovic
    Answered 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
    Mike_G
    Answered 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
    KellyAngelovic
    Answered 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
    Mike_G
    Answered 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
    KellyAngelovic
    Answered 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
    ...