Removing space left by hidden field label

  • aspirebrokers
    Asked on April 6, 2016 at 7:04 PM

    Hi Guys,

    If I have a field with no title then when I integrate with Zapier the data doesn't show.  So I have been giving the field a title and then hiding it using the CSS.  Only problem is I often get a big space that I don't want.  Is there a way I can remove this space?

    http://snag.gy/uCcKh.jpg

     

    #label_393 {

        visibility : hidden;

    }

     

    Thanks

  • Kiran Support Team Lead
    Replied on April 6, 2016 at 11:01 PM

    Could you try replacing the visibility: hidden; to display: none; and see if that helps?

    #label_393 {

    display: none;

    }

    Though both the properties hide the element, the layout is still affected by using visibility property. Hope this information helps!

    Please let us know if we can be of any further help. Thank you! 

  • aspirebrokers
    Replied on April 7, 2016 at 8:38 PM

    Brilliant.  Thanks.  Is there any way to move it lower on the desk top view :)

    http://snag.gy/QnsjL.jpg

  • Kiran Support Team Lead
    Replied on April 7, 2016 at 11:49 PM

    Please try adding the following CSS code to the form to move the field lower.

    #id_393 {

    margin-top: 40px;

    }

    Hope this information helps!