How get rid of excess space at top of form?

  • bdoodle
    Asked on March 19, 2020 at 10:07 AM

    I have several forms that have excessive space at the top.  I can't see what's causing it and why it happens on those forms and not my other forms.  Can you help me understand what I need to change to eliminate the needless space?  One form that has this issue is: 

    https://www.jotform.com/build/200115838200946

    Thank you.

  • KrisLei Jotform Support
    Replied on March 19, 2020 at 11:19 AM

    Hi,

    Please try to add these CSS codes.

    .form-line.form-line-column {

        display: inline-block;

        height: 0px

    }

    For your reference: How-to-Inject-Custom-CSS-Codes

    Then let us know if it didn't meet your requirements.


  • bdoodle
    Replied on March 19, 2020 at 11:41 AM

    Hello.  Thank you.

    I'm reluctant to add new CSS when other forms I have don't require this CSS.  Please see my form, https://www.jotform.com/build/93025066159962 (https://www.madsails.com/Order_Buc_sails.html), that is similar to the form in my request.  It does not have the extra space at the top and does not need the CSS you recommend. Can you find something in its CSS, settings, or design that makes it work?  Or, can you find something in the CSS, settings, or design of the form above that I'm having the problem with that is adding the extra space?  I'd like to understand why the extra space is there.  Short of that, I fear I have bad CSS or a bad setting and I would be adding CSS to counteract it when the better solution would be to omit the specification causing the problem in the first place.

  • Richie JotForm Support
    Replied on March 19, 2020 at 12:55 PM

    It seems there is a hidden text element that is taking up the space in your form.

    You may remove the text element to remove the space.

    Kindly check this screen cast.

    How get rid of excess space at top of form? Image 1 Screenshot 20

    Please give it a try and let us know how it goes.

  • bdoodle
    Replied on March 19, 2020 at 1:16 PM

    Ahhh!  That's it!  I didn't see the tiny elements.  THANK YOU!