Text is running off on desktop webpage.

  • Profile Image
    jtbaxt
    Asked 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
    Chriistian
    Answered 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
    jtbaxt
    Answered 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
    Chriistian
    Answered 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
    jtbaxt
    Answered 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
    Chriistian
    Answered 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.