How to reduce the space below the form embedded in Weebly website?

  • Bezo
    Asked 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

  • Irshad
    Replied on October 20, 2016 at 1: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.

    How to reduce the space below the form embedded in Weebly website? Image 1 Screenshot 20

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

    Thank you! 

  • Bezo
    Replied on October 21, 2016 at 9: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 

  • Nik_C
    Replied 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:

    How to reduce the space below the form embedded in Weebly website? Image 1 Screenshot 30

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

    How to reduce the space below the form embedded in Weebly website? Image 2 Screenshot 41

    Please let us know if you have additional questions.

    Thank you!

  • Bezo
    Replied on November 5, 2016 at 8: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

  • Mike_G JotForm Support
    Replied on November 6, 2016 at 9:33 AM

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

    How to reduce the space below the form embedded in Weebly website? Image 1 Screenshot 30

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

    <style>

    .wsite-multicol {

        height: 250px !important;

    }

    </style>

    How to reduce the space below the form embedded in Weebly website? Image 2 Screenshot 41

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

     

    Thank you.

  • Bezo
    Replied on November 7, 2016 at 3: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

  • candy
    Replied on November 7, 2016 at 6: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:

    How to reduce the space below the form embedded in Weebly website? Image 1 Screenshot 20

     

    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.

  • Bezo
    Replied on November 8, 2016 at 1: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  ,    

  • candy
    Replied on November 8, 2016 at 2:38 AM

    Hello,

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

    How to reduce the space below the form embedded in Weebly website? Image 1 Screenshot 20

    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.