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

    I want to remove all white space from top of form

    Asked by EloineChap on January 15, 2015 at 06:45 PM

    I have embeded a form on website and it doesn't look good embedded with all that white space around it. I want it to look tighter.

    http://www.losmedanos.edu/alumstory/

    I have tried inserting this CSS which helped a little but I want it to be truly zero when I embed this in the page. It seems strange that zero is not really zero. What else can I do?

     

    .form-all {

    padding-top : 0px;

    margin-top: -40px;

    }

    Page URL:
    http://www.losmedanos.edu/alumstory/

    all top www and
  • Profile Image

    Answered by raul on January 15, 2015 at 07:23 PM

    Is this how you want to show your form: http://form.jotformpro.com/form/50147727216958?

    If this is correct, you can clone the demo form to your account and use it in your account. What I did in my version was to remove the @media CSS code that is added by the designer in order to make the form to look the same regardless of the device that is used to view it and then injected the following code:

    #id_1, .form-all {
      margin-top: 0 !important;
      padding-top: 0 !important;
    }

    Let us know if this is what you're trying to accomplish.
    Thank you.

  • Profile Image

    Answered by EloineChap on January 15, 2015 at 08:05 PM

    Hey! Thanks so much. That is exactly what I wanted! I also learned how to clone a form too!

     

    Eloine

  • Profile Image

    Answered by Shadae on January 15, 2015 at 09:31 PM

    Hi Eloine,

    On behalf of my colleague, you are most welcome! We are happy that we could assist you with two things today!

    Please feel free to contact us if you need further assistance.

    Thank you!

  • Profile Image

    Answered by EloineChap on January 20, 2015 at 06:56 PM

    I am a bit frustrated again I figured now how to get the space above off the form but now on the web page I want to insert an image to the right. I can't figure out how to control the width of the form. When I put in pixel dimensions it centers the for with all this space on the left and right and I want it to only be a certain with with room to put an image to the right. I could do a work around with an iframe to display the form but I don't want to do that. I can't figure out what to put in the CSS to do this?

    Here is the example again http://www.losmedanos.edu/alumstory/

  • Profile Image
    JotForm Support

    Answered by Charlie on January 20, 2015 at 09:34 PM

    Hi Eloine,

    I apologize for the trouble that you are having. To better assist you, we usually advise our users to open a new thread for each question that they have, and because this is quite off-topic with the original thread, I've created a separate one for your concern regarding the image position. Please refer to this link instead: http://www.jotform.com/answers/500033. We will address to it shortly.

    Kind regards.