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 do you make the top banner align to an exact spot?

    Asked by pardop1 on December 01, 2015 at 07:33 AM

    Trying to set the banner at top so that is it flush at top and the same width as the form so you do not se any white on the left or right of it. Link to form below.

    Thanks,

    Pam

    Page URL:
    https://form.jotform.com/53286207467966?

    top Make how thanks same width same and
  • Profile Image

    Answered by victor on December 01, 2015 at 10:10 AM

    To adjust the size of the banner, you can change the width and height to 100%

    This will expand the image to the full size. Now you just need to remove the border, padding and margins of the form and image. This can be done by adding the following CSS code

    Please let us know if this helps.

  • Profile Image

    Answered by pardop1 on December 01, 2015 at 11:45 PM
    The setting for the banner were both alredy set to way over 100 each so that did not help.
    the code is a screen shot. Please sent text.
    Thanks,
    Pam
    ...
  • Profile Image

    Answered by Sammy on December 02, 2015 at 04:38 AM

    Try adding the following CSS to your form using the designer's CSS tab.

    #id_75 {
        margin-top:-12px;
        border:1px solid;
    }

    #cid_75 div {
        display:block;
        margin-left:-36px;
        width:656px;
    }

  • Profile Image

    Answered by Sammy on December 02, 2015 at 04:40 AM

    You can remove the border portion in the CSS, I had placed it there so as to get proper positioning visually.

    #id_75 {
        margin-top:-12px;
        border:1px solid;
    }