Removing space left by hidden field label

  • Profile Image
    aspirebrokers
    Asked on April 06, 2016 at 07: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

  • Profile Image
    Kiran
    Answered on April 06, 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! 

  • Profile Image
    aspirebrokers
    Answered on April 07, 2016 at 08:38 PM

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

    http://snag.gy/QnsjL.jpg

  • Profile Image
    Kiran
    Answered on April 07, 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!