Remove White spacing on top and bottom of embedded JotForm

  • Disorder777
    Asked on December 9, 2014 at 10:16 PM

    Hi guys! I am trying to figure out how to get rid of the white spacing I am having in the lightbox mode. Please see the screenshot to get a better idea of what I am trying to say.

    Jotform Thread 472484 Screenshot
  • jonathan
    Replied on December 10, 2014 at 7:28 AM

    Hi,

    Please share to us the URL of your website where you have embedded the jotform http://www.jotformeu.com/form/43415712757356

    We will be able to give better suggestion if we can see the actual embedded form and decide how to get rid of the white space on top and bottom of the embedded form.

    Initially, if you set the top/bottom padding using injected CSS code like this

    .jotform-form {
    padding: 0px !important;
    }

    it should removed the padding on top/bottom of the form section.

    Remove White spacing on top and bottom of embedded JotForm Image 1 Screenshot 20

     

    Hope this help. Inform us if you need further assistance.

    Thanks.

  • Disorder777
    Replied on December 10, 2014 at 7:41 AM

    Hi there, have a look at www.kartinaperm.ru the red button in the bottom of the page is linked to the form Im talking about..  

    I've managed to delete the top spacing somehow, but it seems that it was added to the bttom one!  And yeah, I've injected the code you provided me with, it didn't change anything, unfortunately! Thank you!

  • KadeJM
    Replied on December 10, 2014 at 11:33 AM

    Okay yeah, I see what you mean. The white spacing has shifted entirely to the bottom of your jotform.

    Have you tried adjusting the height of the script for your lightbox?

    Example:

    <script src="https://www.jotform.com/static/feedback2.js?3.2.4577" type="text/javascript">

    var JFL_43434570482960 = new JotformFeedback({

    formId:'43434570482960',

    base:'https://www.jotform.com/',

    windowTitle:'Загрузите ваше фото:',

    background:'#6B6D70',

    fontColor:'#FFFFFF',

    type:false,

    height:300,

    width:700,

    openOnLoad:false

    });

    </script>

    Remove White spacing on top and bottom of embedded JotForm Image 1 Screenshot 20

     

  • zeba jabeen
    Replied on January 10, 2015 at 4:24 AM

    Look at my website and let me the fastest to remove the space from the document of my bottom... It's making me mess.. In the website its appearing in all 3 pages

  • Zeba Jabeen
    Replied on January 10, 2015 at 4:27 AM

     

    And look at this website..  for this website the heading having same issue... Having lots of space above the header.
  • raul
    Replied on January 10, 2015 at 7:21 PM

    @Zeba Jabeen

    I've moved your inquiries to separate threads so they can be addressed properly.
    You can find them here:

    http://www.jotform.com/answers/493856
    http://www.jotform.com/answers/493857

    Thank you.