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

    Form is different widths on different browsers

    Asked by JPCarpet on March 01, 2016 at 03:56 PM

    My form is showing up different widths on different browsers. 

    The top three questions have different widths on different browsers. Is there any way to get it so that the three questions on top are the same width as the question bar on the second row?

    Page URL:
    www.jpcarpetcleaning.co.uk/carpet-cleaners/professional-carpet-cleanin<br/>g-service-lancashire.html

    different same width same top
  • Profile Image
    JotForm Support

    Answered by BDAVID on March 01, 2016 at 06:21 PM

    To set the same width, you need to go into the edit mode of your form and set the same size on each text box, you might have to increase the form width, so they show int he same line, example:

  • Profile Image

    Answered by JPCarpet on March 01, 2016 at 07:44 PM

    Hi, the issue is more about aligning line one with line two.  Please see the following examples in the different browsers. (Safari, Chrome and Firefox)

     

  • Profile Image
    JotForm Support

    Answered by beril on March 02, 2016 at 03:54 AM

    Can you add the CSS code below from designer?

    #input_25{

        width : 160px !important;

        height : 50px !important;

    }

     

    #input_26 {

        width : 160px !important;

        height : 50px !important;

    }

     

    #input_16 {

        width : 160px !important;

        height : 50px !important;

    }

     

    #input_17 {

        width : 525px !important;

        height : 65px !important;

    }

     

    .form-section.page-section {

        width : 700px !important;

    }

    At that time, it will work as expected.

    If it does't work, please let us know. We can try another solution.