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 can I move the form fields down over graphic?

    Asked by hdunsmore on January 18, 2014 at 01:01 PM

    I have an image with a header which I want to show unobstructed by the fields. Can I position the fields up and down i.e. with a large space at top to allow the image head to show?

    Page URL:
    http://www.johnburdenartprints.com/mailing.html

    Screenshot
    move and
  • Profile Image
    JotForm Support

    Answered by abajan on January 18, 2014 at 02:15 PM

    Hi Henry,

    If you wish the form to look like this, please do the following:

    1. Reduce the Form Width to 325
     


    2.
    Add the following rules to the injected CSS:

    #id_6 {
    padding: 0;
    margin: 0;
    }

    #id_3 {
    margin-top: 115px;
    }

    .form-textbox {
    width: 245px !important;
    }

    Should you require further help with the form, please let us know.


    Thanks

  • Profile Image

    Answered by hdunsmore on January 19, 2014 at 11:50 AM
    I have searched everywhere for "injected" css and cannot find it.
    ...
  • Profile Image
    JotForm Support

    Answered by abajan on January 19, 2014 at 11:54 AM

    My apologies. I assumed that you had injected the form's current CSS. Please see this guide.


    Thanks

  • Profile Image

    Answered by hdunsmore on January 19, 2014 at 12:30 PM
    I added the css info as suggested and added my own graphic. Here is the result. As you can see the form covers the graphic info.
    ...
  • Profile Image
    JotForm Support

    Answered by abajan on January 19, 2014 at 04:45 PM

    Hi again,

    Are you referring to the form on this page? The form is transparent as it should be but The URL of the page's background image is incorrect. The following should link to the image when clicked:

    http://www.johnburdenartprints.com/images/MailingBKGDScreen.jpg

    but instead it returns a 404 - Page Not Found error. Web pages are displayed in layers with the background color as the base layer which is covered with the background image. If the image can't be found, the color is shown. That's why the misty blue (#D6DBE1) background color of the page is showing. If you were to substitute the URL of your home page background image (http://www.johnburdenartprints.com/images/palette2.jpg), you would see it displayed behind the form.

    There's also an image on your web page which does exist but from what I can tell, it's just a 5px by 5px white image (http://www.johnburdenartprints.com/images/elements/5x5.gif). I'm not sure about its purpose.