I am having problems adding background image

  • Profile Image
    ipbr21054
    Asked 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.

  • Profile Image
    khrisell
    Answered 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
    ipbr21054
    Answered 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
    EltonCris
    Answered 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
    ipbr21054
    Answered on September 20, 2013 at 05:51 AM

    Thanks very much.