Remove padding top on embedded form

  • Profile Image
    philliptoronto
    Asked on February 10, 2015 at 02:06 PM

    Spacing Issue on Source Code Form

    Hello,

     

    I am having a small issue with spacing. Please see this page which has a jotform integrade (with source code). There is a big space above the form. How do I remove this? The div areas are set to valign top.

    Also, I am using page breaks. Everytime the "next page" is clicked, the wntire page jumps to align with the top of the page. 

    Can these two issues be fixed somehow?

  • Profile Image
    Mike
    Answered on February 10, 2015 at 03:05 PM

    Please inject the following CSS via the Form Designer or your web page sources in order to remove the top padding.

    @media screen and (min-width: 1024px) {

    .jotform-form {

    padding-top: 0;

    }

    }

    @media screen and (max-width: 1024px) and (min-width: 768px) {

    .jotform-form {

    padding-top: 0;

    }

    }

    @media screen and (max-width: 768px) and (min-width: 480px) {

    .jotform-form {

    padding-top: 0;

    }

    }

    The second issue has been moved into a separate thread.

    https://www.jotform.com/answers/513452

    We will get back to you quickly.