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

    I am having problems adding background image

    Asked by ipbr21054 on September 19, 2013 at 04:46 PM

    As per title im having problems trying to add a background to the form.

    I have 2 different forms where i am having problems.

    I have injected css but when i go to one of the pages where it should be shown i just see a white screen with no background, I just cant see what i have done wrong.

    FORM 1

    ..........

    The page is shown below.

    http://form.jotformeu.com/form/32153378873360?referenceNumber=Honda007

     

    The url for the background is shown below.

    http://i670.photobucket.com/albums/vv62/ipbr21054/REMOTE%20DOCTOR/BACKGROUND.jpg

     

    FORM 2

    ..........

    The page is shown below

    http://www.mypersonalpage.talktalk.net/theremotedr/fordcontact.html

     

    The url for the background is shown below.

    http://i670.photobucket.com/albums/vv62/ipbr21054/REMOTE%20DOCTOR/BACKGROUND.jpg

     

    Please can you add the url correctly for me so both forms allow me to see the background on the page links supplied.

     

    Many thanks.

    jpg different Injected CSS www
  • Profile Image

    Answered by khrisell on September 19, 2013 at 08:44 PM

    Hello,

    To change the form background you need to inject the following code to your form.

    .form-all {

    background-image:url('http://i670.photobucket.com/albums/vv62/ipbr21054/REMOTE%20DOCTOR/BACKGROUND.jpg);
    }


    **You might need to add this just in case**

    .form-line { 

    background: none;
    }

    Follow this guide on how to inject this codes

    1. Click Setup & Embed

    2. Preference

    A new window will pop-up.

    3. Then click Form Styles

    4. And paste the code under Inject Code CSS box.

    And then close that window and you're done.

     

    Kindly let us know if you need further assistance. 

    Thank you for using JotForm. :)

  • Profile Image

    Answered by ipbr21054 on September 20, 2013 at 04:02 AM

    Hi

    I might of worded it incorrectly.

    I do not want the form to have the background but i need the background BEHIND the form on the web page.

     

    I need the pages in question to have the look of this web page.

    http://www.mypersonalpage.talktalk.net/theremotedr/import_contact.html

  • Profile Image
    JotForm Support

    Answered by EltonCris on September 20, 2013 at 05:38 AM

    @ipbr21054

    1. I've added it to your form. http://form.jotformeu.com/form/32153378873360?referenceNumber=Honda007

    Kindly check. Here's the code used.

    body,html {

    background-image: url(http://i670.photobucket.com/albums/vv62/ipbr21054/REMOTE%20DOCTOR/BACKGROUND.jpg);

    }

    2. On this page http://www.mypersonalpage.talktalk.net/theremotedr/fordcontact.html (open this html file in your editor)

    Find this code:

    body {

    background-image: url('PHOTOS/BACKGROUND.jpg');

    }

    Replace it with this:

    body {

    background-image: url(http://i670.photobucket.com/albums/vv62/ipbr21054/REMOTE%20DOCTOR/BACKGROUND.jpg);

    }

    This should fixed it. Your current image background on this page isn't found that's why it wasn't working. :)

    Let us know if you have any difficulties. Thanks!

  • Profile Image

    Answered by ipbr21054 on September 20, 2013 at 05:51 AM

    Thanks very much.