What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How can I further reduce vertical spacing between fields

    Asked by blampl on April 12, 2013 at 02:16 AM

    Thanks. I reduced it as much as possible. Now is there a way to move the arrow down and a little more to the left. But don't want it right next to the cover image.



    This is a re-post of a comment on How to Reduce Vertical Spacing Between Fields

    next arrow move thanks
  • Profile Image
    JotForm Support

    Answered by Welvin on April 12, 2013 at 08:35 AM

    Hi,

    That is possible by injecting custom CSS codes to your form or modifying your existing custom CSS codes. Please share with us the form URL so we can help you about that.

     

    Thanks

  • Profile Image

    Answered by blampl on April 12, 2013 at 12:26 PM

    My form is located at http://www.jotform.com//?formID=23466533519155. Also, you can see it on my site at http://reflectrelaterenew.com/. When I look at the latter, I see a lot of white space under the widget header. Is there a way of decreasing that space on the form? I am concerned because the actual signup portion is below the fold.


  • Profile Image

    Answered by blampl on April 12, 2013 at 12:44 PM

    By the way, someone already fixed the problem with the arrow. Now just need help reducing that white space above the form as it appears on my site.

  • Profile Image

    Answered by jefreylandicho on April 12, 2013 at 01:16 PM

    Can you please provide us the link to your website so we may able to assist you further?

  • Profile Image

    Answered by blampl on April 12, 2013 at 03:48 PM

    Yes, it's http://reflectrelaterenew.com/

  • Profile Image

    Answered by pinoytech on April 12, 2013 at 04:23 PM

    Hi,

    Can you please re-embed your form code into your website using iFrame method?

    Thank you!

  • Profile Image

    Answered by blampl on April 12, 2013 at 04:39 PM

    I got the code. Not sure where I embed it in in my site. Please advise.

  • Profile Image

    Answered by pinoytech on April 12, 2013 at 04:57 PM

    I have check your website and I found out that you are using JotForm Widget which you are using to embed your JotForm code at the right side of your website.

    Feel free to contact us again if you need further assistance.

    Thanks,

  • Profile Image

    Answered by blampl on April 12, 2013 at 05:04 PM

    That's right. I've been saying that all along. But I still haven't gotten my question answered. It is the following:


    I see a lot of white space under the widget header. Is there a way of decreasing that space on the form? I am concerned because the actual signup portion is below the fold.

    From what you are saying pinoytech, it sounds like it might not be possible if I am using a widget. Is that correct? I notice that with the other widgets below the optin form, there isn't much white space at the top. That's what's made me hopeful this could be corrected.

  • Profile Image

    Answered by pinoytech on April 12, 2013 at 05:54 PM

    Hi blampl,

    You have ask with this "I got the code. Not sure where I embed it in in my site. Please advise." which is why I response with the answer of you are using JotForm Widget where you add/embed your form iFrame code. I didn't say that it's not possible to embed your form code.

    Thanks,

  • Profile Image

    Answered by blampl on April 12, 2013 at 06:05 PM

    All I want to do is remove that white space above my form because it pushes the form below the fold. I got the code because you recommended that I get it. But I didn't know where to embed it. So that's why I asked. Do I need that code in order to remove the white space in the widget? I ask this, because you suggested I get the code before you knew I was using a widget.

    I have been using a widget all along, and want to continue to do that. I will forget about the code if I don't need it. What is the simplest way to get rid of the white space? That's my objective.

  • Profile Image
    JotForm Support

    Answered by jonathan on April 12, 2013 at 06:46 PM

    Hi,

    Can you please try adding this CSS codes to your form. Just append it at the bottom

    .form-all {

    margin: -40px auto;

    }

    This code should moved all the form's element a bit on top.
    Try this, and inform us if it does not make any difference.
    Thanks.
  • Profile Image

    Answered by blampl on April 12, 2013 at 07:02 PM

    Just to be clear, it sounds like I put this code at the bottom of the form its self when I click on "Edit" my form. Is that correct?

  • Profile Image

    Answered by pinoytech on April 12, 2013 at 07:04 PM

    Please take a look at this article for more detailed information.

    http://jotform.me/help/117-How-to-Inject-Custom-CSS-Codes

    Thanks.

  • Profile Image

    Answered by blampl on April 12, 2013 at 07:12 PM

    It worked great!! Thanks a lot.

  • Profile Image

    Answered by pinoytech on April 12, 2013 at 07:15 PM

    On behalf of my colleague Jonathan, you are quite welcome. If you need our assistance again, feel free to contact us at anytime.

    Have a great day!