How get rid of excess space at top of form?

  • Profile Image
    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.

  • Profile Image
    KrisLei
    Answered 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.


  • Profile Image
    bdoodle
    Answered 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.

  • Profile Image
    Richie_P
    Answered 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.

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

  • Profile Image
    bdoodle
    Answered on March 19, 2020 at 01:16 PM

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