Need embedded form to be smaller

  • Profile Image
    maryvallone
    Asked on September 22, 2015 at 09:24 AM

    Hi there. I'm trying to embed a lead capture on a website.

    Here is the jot form I would like to use:

    http://form.jotform.us/form/52637260843154

     

    But, there is too much space around the form on the website.

    How can I reduce the size of the embedded form?

    I'm attaching a screenshot for example.

  • Profile Image
    Ben
    Answered on September 22, 2015 at 11:36 AM

    It would be best if you could give us the link to the website to check it out and see what is happening, but looking at the website, I see that you must be working on the new version of the same.

    Now, looking at the screenshot, I do see that the issue seems that the form is using all of the space that you have in there.

    So the easiest way to change this would be to set the form iframe with:

    #JotFormIFrame {
        margin: 0 auto;
        display: block;
        width: 650px;
    }

    Of course, once we see the page - if it is possible, we would be able to suggest more precise CSS code - this is just what seems to be what you are after.

    The CSS above should go into your website code (either into head element or as values of the inline style attribute).