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 to reduce the space below the form embedded in Weebly website?

    Asked by Bezo on October 20, 2016 at 11:14 AM

     

    Vertical  I have lot of space . between the red and blue line. how can  minimize it   . can you show me  which tools I have to use it

    bezoedgar@yahoo.com

    Page URL:
    http://aritun.weebly.com/sanatorium-medical-treatment.html

    weebly website embedded form embed form style reduce space
  • Profile Image

    Answered by Irshad on October 20, 2016 at 01:41 PM

    I have checked your recent form: https://www.jotform.com/answers/966425 But I am not able to see any field in your form. Once you will create required fields on your form, the vertical space will automatically utilize.

    If you want to reduce the space, from the webpage, where you have embedded jotform, you can reduce the height of Iframe. Currently you have set the height of iframe as 514px. So you can reduce it to 236px.

    If you want something else, or need further assistance, feel free to revert back.

    Thank you! 

  • Profile Image

    Answered by Bezo on October 21, 2016 at 09:45 AM

    Hi.  I want to maximize  green and blue color. can you show me  which tools I have yo use it.514px to 236px 

  • Profile Image
    JotForm Support

    Answered by Nik_C on October 21, 2016 at 10:18 AM

    I understood you would like to match green and blue to fill the space, right? You could change their height in iFrame code and embed them again:

    Try to put the height to be, for example: 500px, it should look something like this:

    Please let us know if you have additional questions.

    Thank you!

  • Profile Image

    Answered by Bezo on November 05, 2016 at 08:56 PM

    Vertical  I have lot of space . between the red and blue line. how can  minimize it   . can you show me  which tools I have to use it

    bezoedgar@yahoo.com 

    http://aritun.weebly.com/sanatorium-medical-treatment.html

  • Profile Image
    JotForm Support

    Answered by Mike_G on November 06, 2016 at 09:33 AM

    To my understanding, you would like to reduce the space as shown in the image below, is that correct?

    To do that, you can add the following codes below to your website's codes.

    <style>

    .wsite-multicol {

        height: 250px !important;

    }

    </style>

    I hope this helps. If you need any further assistance, please feel free to contact us again anytime.

     

    Thank you.

  • Profile Image

    Answered by Bezo on November 07, 2016 at 03:45 AM

    thank you i did ,   it is work ,  no other easiest way ?   when i'm Publishing , space  not reducet , what i"m doing wrong

  • Profile Image
    JotForm Support

    Answered by candy on November 07, 2016 at 06:48 AM

    Hello Bezo,

    As we have checked your web page, we have seen that you had made a too complicated process to add just 4 combo box to your page. Also, we have seen that you use unnecessary dropdown widgets that you left them empty affects your web page performance in a bad way.

    We recommend you to use one form and add 4 combo boxes to it as you can see the example below:

     

    After you can inject custom CSS codes to make them order left to right or you can set different appearance to the combo boxes.

    This way is an easier way than you did. After you can embed iFrame to your form.

    Please try and if you need further assistance, do not hesitate to contact us.

    Thanks.

  • Profile Image

    Answered by Bezo on November 08, 2016 at 01:15 AM

    thank you , I would like to reduce the space as shown in the image, by CSS codes .. how can  reduce it,   . can you show me,  how  i can right codes  height: 250px, or which tools I have to use it  ,    

  • Profile Image
    JotForm Support

    Answered by candy on November 08, 2016 at 02:38 AM

    Hello,

    As my colleague Mike_G has already explained above, I have fixed the issue as you can see the screenshot below:

    Please find the CSS codes below that I have used:

    .wsite-multicol{

    height:250px !important;

    }

    I would like to find another way as you wanted but I think this is the only way with CSS codes.

    Please try this.

    Thanks in advance.