Spacing Issue in Forms

  • Profile Image
    Asked on April 08, 2015 at 04:42 PM

    Just about every form that I embed in our website always has so much space at the top and bottom.  I go into the editor and eliminate the spacing but it always seems to be huge.  Here's the page that I'm specifically referring to

    I'd like for it to have a little bit tighter design.  Please let me know why this is.  


  • Profile Image
    Answered on April 08, 2015 at 06:03 PM

    Hi there;

              Please inject the following CSS Code Block, spacing issues are resolved. Please review the following screenshot.

    .jotform-form {

    padding: 90px 0px;

    position: relative !important;

    top: -100px !important;


    iframe { height: 500px !important; }

    Will let us know, if you have questions/queries, we would be happy to assist you.


    - Syed

  • Profile Image
    Answered on April 09, 2015 at 09:17 AM

    I put the CSS in the block on the settings page and the form does not look any better.  Is that where it needs to be posed or actually in the html box where the form is?  The bottom of the form is now cut off and the top spacing is no different.  

  • Profile Image
    Answered on April 09, 2015 at 09:18 AM

    I actually just checked a few other forms on the site and they are not right with regards to spacing either.  I'll leave it for now so you're able to see what it is doing but will need to change it soon.  Thanks.