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

    Text is running off on desktop webpage.

    Asked by jtbaxt on September 23, 2016 at 02:30 AM

    I have similar problem with my 2 forms except the text is running off my form in a desktop webpage rather than a mobile. Also on form#1 the margin above the email input field is too far from the field above it.

    Is there some css that can correct this please?

     

    form#1 url: https://form.jotform.me/62660197465463

    for#2 url: https://form.jotform.me/62655506421453

  • Profile Image
    JotForm Support

    Answered by Chriistian on September 23, 2016 at 02:35 AM

    It appears that the text is running off because the element inside the form has a wider width than the form itself. To resolve this issue, please inject the custom CSS code below to both your forms: 

    .form-line {

        width: fit-content;

    }

    If you need further assistance, please let us know.
    Regards.

  • Profile Image

    Answered by jtbaxt on September 23, 2016 at 06:37 AM

    Hi thanks the CSS worked to solve the problem but it created a new one - it caused the submit buttons to align left that I'm now unable to center. 

  • Profile Image
    JotForm Support

    Answered by Chriistian on September 23, 2016 at 08:14 AM

    Please try to inject this custom CSS code on your form to align the Submit button to center.

    li[data-type=control_button] {

        width: 100% !important;

    }

     

     

  • Profile Image

    Answered by jtbaxt on September 23, 2016 at 09:16 AM

    Thanks, that did help although the button isn't quite centered? Why would that happen?

  • Profile Image
    JotForm Support

    Answered by Chriistian on September 23, 2016 at 10:41 AM

    Hi,

    I see that. Can you please change the last CSS I have given to

     

    li[data-type=control_button] {

        width: 100% !important;

        padding-left: 0px;

        padding-right: 0px;

    }

     

     I highlighted the change. The result should be as shown below.

     

    Regards.