- DabsterAsked on April 16, 2012 at 02:24 PM
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:
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.
- pinoytechAnswered on April 16, 2012 at 02:28 PM
Sorry for the inconvenience that may have caused. Do you mind if I ask your Form URL for further assistance?
- DabsterAnswered on April 16, 2012 at 02:34 PM
Ok, here it is,
- JotForm SupportjonathanAnswered on April 16, 2012 at 05:22 PM
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.
- DabsterAnswered 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)...
- DabsterAnswered 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
- pinoytechAnswered on April 17, 2012 at 09:30 AM
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!
- DabsterAnswered on April 17, 2012 at 03:58 PM
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:
and here is the link for the form i'm having the problem after the first page:
Pls take a look and see whats wrong on it. Thx in advance.
- jeanettebmzAnswered 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
background: url(the URL for the background page);
Hope this hint resolves the issue
- EduardoAnswered 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:
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.
- JotForm SupportabajanAnswered 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:
If you need help with any other JotForm related matter, please let us know.
- DabsterAnswered on April 19, 2012 at 04:01 PM
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.
- JotForm SupportabajanAnswered on April 20, 2012 at 01:52 AM
You're quite welcome, Eduardo. And thanks for the compliment.