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

    Help reverting one CSS style added by the Designer

    Asked by melodicsounds on February 23, 2016 at 09:08 PM

    I have a MAIN form where you have a dropdown menu, depending on that menu X IFrame appears. Before adding design to both the MAIN and the IFRAME forms, it was displaying correctly but now look: https://form.jotform.com/60415836657967 you can see the Iframe looks really to the right. Again, before adding Design it was a little to the right but just good enough to fit. Can you help me fix this?

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

    JotForm Main Form Designer custom CSS
  • Profile Image
    JotForm Support

    Answered by Boris on February 24, 2016 at 06:38 AM

    It looks like using the Designer added a bit of styling that has caused this change. I see that the Designer added the following line of CSS:

    .form-input, .form-address-table, .form-matrix-table {
        width: 100%;
        max-width: 148px;
    }

    The part marked in red is what is causing the issue - the field around the second embedded form is constricted to having a maximum width of only 148 pixels. We can easily fix this issue by adding the following CSS to override it:

    .form-input {
        max-width: none;
    }

    You can add this code by opening your form in the Designer again, and pasting it at the bottom of the textbox in the CSS tab:

    After that change, your form will display as in the following image:

    Please try the above recommended change and kindly let us know how it goes.