-
asensofilipinoAsked on May 27, 2014 at 11:16 AM
I have been a Form2Pay user.
How can I have the background of this form: http://asensofilipino.form2pay.com/subdealer.html
I want the background to be used in my form: http://www.jotform.me/asensofilipino/subdealerThank you!
-
Jim_RankReplied on May 27, 2014 at 12:54 PM
Hi,
To copy the background of the Form,You have to inject CSS code and at First you have to upload the backgroud-picture.Please see the following steps to do that-
1. Upload your background picture here-
https://www.jotform.com/help/image_upload.php?naked=true?naked=true
Then grab the Image URL.
2. Now go to your second Form where you like to copy the background.
3. Click on Setup&Embed>Preferences>Form Styles then inject the following CSS code for example
.form-all{
background:url('https://cms.jotform.com/uploads/image_upload/image_upload/Jim_Rank/26823_backg.png');
}as like the picture-
and now it's done.
See the Example Form here-http://form.jotformpro.com/form/41464659365969
For further help,please get back to us.
-
Welvin Support Team LeadReplied on May 27, 2014 at 1:08 PM
In addition, if you'd like to have the body background change to the same as the given example, you can inject the following custom CSS codes to the form: http://pastiebin.com/5384c5d801cb3
Inject the custom CSS codes by following the guide given by my colleague or this guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes
If you need to change the header part (background and text color), you can use the following custom CSS codes: http://pastiebin.com/5384c62d08e97
If you require any further assistance, feel free to contact us.
Thanks
-
Welvin Support Team LeadReplied on May 27, 2014 at 1:09 PM
I forgot to add the finished form. Here it is: http://www.jotformpro.com/form/41465350367960.
Thanks
-
asensofilipinoReplied on May 27, 2014 at 1:24 PM
Thank you Welvin ^_^