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

    Background image is not showing

    Asked by CMRImarcomms on January 30, 2017 at 02:55 AM

    Hi,

     

    I have uploaded a background image for my form but it is showing white. I have tried removing it and uploading it again, but that doesn't work.

    Please can you help me?

    Thank you!

    Page URL:
    https://form.jotform.co/70177780365866

    Screenshot
  • Profile Image
    JotForm Support

    Answered by Jim_R on January 30, 2017 at 03:37 AM

    I saw the image you uploaded on your form. I grabbed the URL of that bg image and used it with CSS to set the background image.

    Just inject the following CSS Codes:

    .supernova {

        background-image: url(https://www.jotform.com/uploads/CMRImarcomms/form_files/CMRI20160424_DSC5058_web.181.jpg);

    }

    Here's where/how to inject the codes:

    Related guide: How-to-Inject-Custom-CSS-Codes

    RESULT: 

  • Profile Image

    Answered by CMRI on January 30, 2017 at 03:45 AM

    Thank you but the problem is that when I insert the CSS, the image is showing multiple times in squares and not the full screen like we need it to and how you have shown.

    How can i fix this?

     

    https://form.jotform.co/CMRI/event-request-form

  • Profile Image
    JotForm Support

    Answered by Charlie on January 30, 2017 at 03:53 AM

    Hi,

    Edited the code shared by my colleague, try this one instead: 

    .supernova {

        background-image : url(https://www.jotform.com/uploads/CMRImarcomms/form_files/CMRI20160424_DSC5058_web.181.jpg);

        background-repeat: no-repeat !important;

        background-attachment: fixed !important;

        background-size: cover !important;

    }

    You can see how this looks like in this test form that I have: https://form.jotform.com/70291753743964 

    Let us know if that works. 

  • Profile Image
    JotForm Support

    Answered by Kiran on January 30, 2017 at 09:12 PM

    It seems that your last response is not posted on the thread. Glad to see that the issue is now resolved. Please do not hesitate to get back to us if you need any further assistance. We will be happy to help.

    Thank you for using JotForm!