How to remove top margin/padding on form?

  • Dannilee
    Asked on June 20, 2015 at 11:05 PM

    I still have a problem with blank space at the top of my form, I have added the css to remove it, as you can see from my form but it is still there.

    Thanks

    D

  • Dannilee
    Replied on June 20, 2015 at 11:26 PM

    Hi

    I added the css but the form still has the blank space at the top, I have attached a screenshotHow to remove top margin/padding on form? Image 1 Screenshot 20

  • Dannilee
    Replied on June 21, 2015 at 10:32 AM

    Any ideas?

    Thanks

    D

  • Dannilee
    Replied on June 26, 2015 at 3:18 PM

    Hi

    I had to upload the page as the website is still in development and is therefore not online.

    The form can be seen at http://http://www.lm-lakeland-design.co.uk/JotForm/index.html

    And on jotform

    http://form.jotformeu.com/form/51707972830359

    Thanks

    Danni

  • Mike
    Replied on June 26, 2015 at 4:32 PM

    The following CSS has been injected to your form to remove the top padding on different devices.

    @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;

    }

    }

    Please re-check the form now. Thank you.

  • Dannilee
    Replied on June 26, 2015 at 5:32 PM

    Hi

    It still has a lot of empty space at the top for me, see attached screen capture. I have used the Firebug developers tool to indicate the empty space I am seeing.How to remove top margin/padding on form? Image 1 Screenshot 20

  • Mike
    Replied on June 26, 2015 at 6:41 PM

    The form seems to be fine on my side.

    http://form.jotformeu.com/form/51707972830359

    Here is a screenshot from Firefox.

    How to remove top margin/padding on form? Image 1 Screenshot 20

    Please try to clear your browser cache and/or re-embed the form code on your web page.

  • Dannilee
    Replied on June 26, 2015 at 8:06 PM

    Hi

     

    It looks fine in jotform for me too, but my latest (above) screenshot is the form on my actual page and as you can see there is still a lot of empty space at the top.

    Embedding as iframe works but I need to use the source method because I want to remove the blank field in the drop down option and know you can only do so by editing it out of the source.

     

  • Welvin Support Team Lead
    Replied on June 26, 2015 at 10:28 PM

    After adding the custom CSS codes and after editing the form, you need to re-embed the form using the source codes because the changes aren't automatically added to the old one in your website. I

    It is recommended doing the changes in the form builder instead of directly doing it in the form source codes. Source Codes method is more on advanced custom function addition and customization - those aren't available in the form builder. If the customization is possible in the form builder/designer, we suggest doing it there then just re-embed the form later.

    Lastly, I've checked your website and the spacing is not there anymore:

    How to remove top margin/padding on form? Image 1 Screenshot 20

    Please do not hesitate to get back to us if you need further assistance.

    Thanks

  • Dannilee
    Replied on June 27, 2015 at 3:41 PM

    Thank you, all working now.

    I am having another spacing issue with the form below. Again the sites not live so I just did a uick upload.

    http://www.lm-lakeland-design.co.uk/JotForm/index.html

    http://form.jotformeu.com/form/50904497247361

    The issue is the submit buttton is overhanging the border, is it possible to set a height?

     

     

  • Welvin Support Team Lead
    Replied on June 27, 2015 at 10:13 PM

    Although the last issue is the same, I've moved it to another thread so we can assist you there for this specific form. Here's the link: http://www.jotform.com/answers/598336.

    Thanks