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

    Does it have an option for the background to put image in this

    Asked by Jordn on April 03, 2012 at 04:16 PM
  • Profile Image

    Answered by gori-mathew on April 03, 2012 at 04:24 PM


    I would suggest using CSS for this one.

    First go to Setup & Share -> Preferences -> Form Styles -> And then click on the "Inject Custom CSS" area.

    You'll be able to enter your CSS codes in there.

     If you want the background image on form itself, copy-paste this code:

     .form-all {
    background: url(enter the url of the image you want) no-repeat top left;

     *Note: You may change the position of the image. For example if you want it on the center of the page just change "top left" to "center", or "bottom right" etc. Also if you want to repeat just remove "no repeat" because as far as I know the default is the repeat property.

    If you want the background image on the background of the form, enter this code:

     body, html {
    background: url(enter the url of the image) no-repeat top left fixed #f0e9d6;
    color: #FFFFFF;
    margin: 0;
    padding: 0;

     *Note: "fixed" means you want the background to stay in place even when you scroll down the form. You can remove this if you want it to scroll along with the form. If you want to change the background colour, just change "#FFFFFF" (white) to any color you want. Here is a website where you can find CSS colors:


    You can also visit the following thread for some tips:



     Hope this helps and if you need assistance lets know to further support you.

  • Profile Image

    Answered by pinoytech on April 03, 2012 at 04:28 PM


    In addition to gori-mathew answer. For now, the best way to insert image to your JotForm background is by adding Custom CSS unto it. Just click the "Preferences" under "Setup & Embed" tab, and click the "Inject Custom CSS" from "Form Styles" tab. Add the following code snippet:

    .form-all {
    background: url(enter the url of the image you want) no-repeat top left;

    Or you can just add url(image source) on the same tab for "Background"

    Hope this help. If need further assistance, feel free to contact us anytime.

    Thank you for using JotForm!