How Can I get a jpg, or png file to be the background image for my form?

I tried using the designer and set the settings and neither my image nor the images provided by jotform worked. Am I missing a step?

this has no effect on my form

https://eu.jotform.com//?formID=63633443782460#design

Hello zerach,

Which image you would like to set as background of your form? Please share the image URL and we will take a look.

I did try to set the page and form background in one of my own form and it seems to work as expected. Please check the screenshot below:

We will wait for your response.

Thank you!

Perhaps I misunderstood the possibility of your tool. I wish for the form itself to have a picture, i.e., that the picture is within the frame of the form with the input fields overlaid. Because your setup widget has an option for "page" background and "form" background. I can send you a picture of what I mean from another tool.

Hello zerach,

If you just want the background image to be displayed within the frame of the form, you should set the "Form Background". Please share the image which you would like to set as form background and we will surely help you.

We will wait for your response.

Thank you!

okay here is the pic

Thanks for your help

This is the form: (I took out the recaptha)

https://eu.jotform.com/?formID=70014763545453#

Hello zerach,

I did clone your form and made the changes to show background image. Please take a look at the following cloned form and see if this is what you wanted to achieve:  https://form.jotform.com/70014990130950

Feel free to clone this form for a closer look. The following guide should help you in form cloning:  https://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL

Hope this helps.

Do get back to us if you need any changes.

Thank you!

Thanks that's what I was hoping to do! I was able to clone the form successfully and I tried to upload the same file and set it as the background on my form and it did not work. I even tried pasting in your web address 
https://www.jotform.com/uploads/ashwin_d/form_files/1483378555formbgsmall1.png for the background. It seems to ignore my selection and I do not know why. 

It is not being ignored but you have a CSS code that handles the background of the form frame differently:

That CSS code is setting a background color of the form frame which is why the background image is being ignored or overwritten. If you delete the attribute "background: #006666;" and saved the changes, you'll see that the form will have a background like this:

Let us know if you are still having difficulties on this.

Thanks so much for all your help. One last thing that I am trying to do --

is place my form so that the background behind the form is transparent instead of grey.

I am using WIX and pointing a WIX frame to a jotform url. It works great no need to update the form.

I have not been able to figure out how to do this. When I open my form in the designer, it for some reason reverts all my editing changes too! Thankfully I found your return to previous version feature. Here is the screenshot.

I think the gray section is the page background of the form. Try to inject the following CSS codes into your form and see if this helps.

.supernova {

    background: rgba(0, 0, 0, 0) !important;

}

If not, please provide the URL of the page where you have embedded the form so we can inspect it here.

Thanks!

Hi I tried it and it made not change. Sorry

here is the url of the form

https://form.jotform.me/70021612821441

You missed to include the dot before the supernova, it should be .supernova

CSS class selector always starts with a dot or period :)

Kindly correct.

yay!!!! it worked! That was subtle. Thanks for your time and patience with me :-)

Hello zerach,

On behalf of my colleague, you are welcome.

I am glad to know that your issue is resolved. Do get back to us if you have any questions.

Thank you!

my final question for now.
I have two options in WIX can embed code in a frame or simply provide the url for my form within a WIX frame. Which option is healthier? Does one method make the page load faster or is it all the same? Thanks and have a wonderful new year.

I usually recommend using the actual iFrame code rather than using a plugin to embed the form.  It allows for more direct control over the embed code properties.  I have also occasionally seen issues with plugin embedded forms that do not appear in embedded forms using the iFrame code.  Neither one offers a performance increase over the other.

Thanks again for all your help. 
One more design question the .supernova css code worked to remove the grey on the contact form but does not on the thank you response is there a way to remove the grey on the thankyou response too? It messes up my graphic display on my website

https://form.jotform.me/70021612821441   -Lightbox version

https://form.jotform.me/63633443782460  - regular op in form

Apply the same CSS except to the thankyou class instead:

.thankyou {

    background: rgba(0, 0, 0, 0) !important;

}

Or to make it transparent:

.thankyou {

    background: transparent !important;

}

yay it worked! You guys rock!

if you want to see how beautiful it integrated by website is 
www.spiritwingshealing.com

I have one form on the opening lightbox and if you click on the "Free Meditation Recording"'

button you can see the second one too. Thanks again 4 all your help!

Very nice!  We are happy to help.  If there is anything else we can assist with, just let us know.