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 looks great in designer, but actual form margins not right - Timely

    Asked by pardop1 on July 14, 2016 at 06:31 PM

    please fix top margin for https://form.jotform.com/53406680289967. It looks how i want in designer, but when i look at the actual form, the form part is too high up and is not adjusting as it should. 

     

    thanks

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

    designer right in actual form
  • Profile Image
    JotForm Support

    Answered by Kevin_G on July 14, 2016 at 08:38 PM

    I can see some errors in the code that you have added to your form, it currently looks like this: 

    .form-all.has-form-cover {

        margin : 300px 0px 0px 0px;

    }

    Seems like the Designer is interpreting the ".form-all" and this is why it works when viewing the form in the Designer.

    But the correct code should look like this: 

    .form-all {

        margin : 300px 0px 0px 0px;

    }

    However, that code will separate the form from the top, but will place it very close to the left side of the web browser, I would suggest you to inject this code instead:

    .form-all {

        margin-top: 300px !important;

    }

    This will help you to display your form as you need: 

    Hope this helps. 

  • Profile Image

    Answered by pardop1 on July 14, 2016 at 09:45 PM
    thanks so much.
    Pam
    ...