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 put an image behind the whole form?

    Asked by realabstractmke on August 11, 2011 at 05:19 AM
    How can I put an image behind the whole form? (html)

    This is a re-post of a comment on More Options for Adding Images to Your Forms

  • Profile Image

    Answered by brx250 on August 11, 2011 at 05:55 AM

    Hi realabstractmke,

    First of all, thank you for using JotForm.

    You might be referring to the form's background. You can do that through these steps.

    First, navigate to your form, click "Preferences" under the "Setup & Embed" tab and select "Background" from "Form Styles" tab and insert this line below.

    url(http://www.sourceofyourimage.com/image.jpg) repeat-x

    You can try changing repeat-x to no-repeat and add center.

    Other than this approach, you can also insert a custom CSS.


    .form-all {
    background: url("https://mysites.com/site/center.jpg") repeat-y;
    min-height: 410px !important;
    overflow: visible !important;

    Insert these codes above under "Inject Custom CSS".

    Hope this helps.

    If you have any other questions, please feel free to contact us. 


     Albert  |  JotForm Support