Form looks great in designer, but actual form margins not right - Timely

  • pardop1
    Asked on July 14, 2016 at 6: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

  • Kevin Support Team Lead
    Replied on July 14, 2016 at 8: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: 

    Form looks great in designer, but actual form margins not right   Timely Image 1 Screenshot 20

    Hope this helps. 

  • pardop1
    Replied on July 14, 2016 at 9:45 PM
    thanks so much.
    Pam
    ...