How to set a background for the body? [Solved]

  • Profile Image
    Dabster
    Asked on April 16, 2012 at 02:24 PM

    Hi dears,

    I'm having a little problem with my form's bg. I had set it with a simple #FFF color but now i want to add a bg image I made. I followed all the steps to inject the css code and it looks like this:

    .form-all {
    background: url(http://i44.tinypic.com/vd2sgl.jpg) repeat-x;
    }

    I did it with my last form and it works very well, but i hadnt changed the bg color before so i think the problem with the form above is that the bg color is already set cuz i can change the color but cant add a bg image. Is there a way to unset the bg color?

    Thx for the patience, hope u guys can help me.

  • Profile Image
    pinoytech
    Answered on April 16, 2012 at 02:28 PM

    Hi,

    Sorry for the inconvenience that may have caused. Do you mind if I ask your Form URL for further assistance?

    Thank you!

  • Profile Image
    Dabster
    Answered on April 16, 2012 at 02:34 PM

    Ok, here it is,

    http://www.jotform.com/?formID=21015931156950

  • Profile Image
    jonathan
    Answered on April 16, 2012 at 05:22 PM

    Hi,

    This URL http://i44.tinypic.com/vd2sgl.jpg in your injected css does not seem to have an image? All I could see was a white background.

    While your form, http://www.jotformpro.com/form/21015931156950 is showing images on them (seems ok)

    Perhaps you can share with us the URL of the website where you have use this form?, so we can investigate further.

    Thanks.

  • Profile Image
    Dabster
    Answered on April 17, 2012 at 08:47 AM

    Hm, thats weird cuz i just accessed this url and it showed me the image below (the one i made)...

  • Profile Image
    Dabster
    Answered on April 17, 2012 at 08:50 AM

    sry i cant put the image on screen...but i can see the image and not a white background

  • Profile Image
    pinoytech
    Answered on April 17, 2012 at 09:30 AM

    Hi,

    Glad to know that you were able to see your background image now. If you need further assistance, let us know.

    Thank you for using JotForm!

  • Profile Image
    Dabster
    Answered on April 17, 2012 at 03:58 PM

    Hi,

    thx for the help, but now i'm having another little problem. I set an image for the background of the body page too and it works on the first page of my form, but when i click next on the page break button the background just goes to the size of the form, but i want it to keep on full screen. I did it on my last form and it works very well also the css code is the same but now, for some reason, its not working.

    Here is the link for my form that is workin very well:

    http://www.jotformpro.com/form/21064383968966

    and here is the link for the form i'm having the problem after the first page:

    http://www.jotformpro.com/form/21075774593966

    Pls take a look and see whats wrong on it. Thx in advance.

  • Profile Image
    jeanettebmz
    Answered on April 17, 2012 at 06:16 PM

    I checked the injected code of the form that is not working

    and I think you are missing to insert the elements .form-all  and .form-pagebreak , then customize the values for the background


    .form-all {
    background: url(http://yourimagebackuground);
    }
    .form-header-group {
    background-color: anycolor;
    color: #anycolorcode;

    }
    .form-pagebreak {
    background: url(the URL for the background page);


    }

    Hope this hint resolves the issue

    Jeanette

  • Profile Image
    Eduardo
    Answered on April 18, 2012 at 10:34 AM

    Sorry but that wasnt the point (I already had set the ".form-all" background) but i solved the problem. I wanted to change the background of the body and not of the form.

    I had put the following code:

    body {
    background: url(http://myimage.com) repeat-x fixed;
    }

    Then i just changed the tag "body" for the "html" one. I dont see a sense of it but Id like to know if you guys have any information of the cause it was happening.

    Thanks for the help.

  • Profile Image
    abajan
    Answered on April 19, 2012 at 06:00 AM

    Glad you were able to figure out the required CSS, Eduardo. It's actually one of the most beautiful JotForm forms I've seen! Incidentally, if you want to remove the white margin from the top of every page but the first, include a padding-top: 0; declaration in the .form-all rule as highlighted below:

    .form-all {
    background-color: #FFF;
    padding-top: 0;
    }


    If you need help with any other JotForm related matter, please let us know.

  • Profile Image
    Dabster
    Answered on April 19, 2012 at 04:01 PM

    Thanks,

    Your product is very usefull even more if you know how to explore all the tools :)

    I just started using it two weeks ago and already get great results, thx for the tip and the support. I really appreciate it.

    Eduardo

    eduardo.micami@dabster.com.br

  • Profile Image
    abajan
    Answered on April 20, 2012 at 01:52 AM

    You're quite welcome, Eduardo. And thanks for the compliment.

    Wayne