Can I remove the top blank space of the form on my web page?

  • jonsynergy
    Asked on May 10, 2017 at 3:54 AM
    Hi, I have set up a new form but there is a big gap between below the text above
    Please see http://www.laboratorymarkets.com/lbio17main/liq_biop_17main_contact.asp
    Can the gap be removes so that the link to be clicked on is on the left and immediately below the line above, which is left justified too.
    Thank you.

    Dr. John Bates
    Director, Market Research
  • seth
    Replied on May 10, 2017 at 4:15 AM

    Hello John,

    You can add this CSS code to your form to decrease the top-padding of the form and align your form to left:

    .jotform-form{

    padding: 0 0 !important;

      position: absolute;

      left:0px;

    }

    .form-collapse-table{

    margin: 0 -20px!important;

    }

    .form-all{

    padding-top: 0px !important

    }

     

    Also, there is a break on your web page, you can delete it to make the Text and Form closer to each other:

    Can I remove the top blank space of the form on my web page? Image 1 Screenshot 30

    Your website should look like this:

     

    Can I remove the top blank space of the form on my web page? Image 2 Screenshot 41

    Please give it a try and turn back to us with the results. 

    Best.

  • jonsynergy
    Replied on May 10, 2017 at 4:43 AM
    Thank you Seth, much appreciated. I will try that out.
    John Bates Ph.D
    Director, Laboratory Markets Ltd
    +44 (0) 1487 843 722
    +44 (0) 7870 204 848
    John@laboratorymarkets.com
    Sent from my iPhone
    ...