background image does not display.

Hi!  My background image does not display on the live webpage.

It displays in Design mode.

https://form.jotform.com/60254912220949

what other information do you need?

 

 

I even added the following code to the CSS to no avail:

.jotform-form {

 

    background-image : url('http://www.southark.edu/images/jotforms/welder.jpg');

 

    background-size : 100% 100% !important;

 

    background-repeat : no-repeat;

 

    background-attachment : fixed;

 

}

Still does not display on live webage, only in Design mode.

Thanks,

CH

I just tried the following code:

 

.supernova {

 

    background-image: url("http://www.southark.edu/images/jotforms/welder.jpg");

 

}

 

No luck.

CH

 

The reason why the image is not loading is because the form uses a secure protocol (https://form.jotform.com...) while your image does not (http://www.southark)

The protocols must match (either http, or https)

In any case - to resolve this - either:

1. Upload your image to a secure location (I notice that southark.edu does not have an SSL certificate, so https://www.southark .... location will not work) - 

2. Change all the URL values on your form embed code from https to http. 

3. Use the form designer to upload your image to JotForm's Secure Storage - click on the upload button indicated below: 

I'm sure either of my three suggestions will help - let us know how we can assist further. 

https://form.jotform.com/60256739562967
I uploaded my image using your uploader and copied the URL into Page Background.
Still does not display.
Thanks,
CH
...

Got it. Put the resulting URL into the CSS.
I see a lot of similar issues in the forums. Is there perhaps a bug in the system?
Thanks,
CH
...

Yes - resulting URL into CSS - sorry I did not mention that :-)

Its not really a bug - just mixed protocols - https is always a good idea - keeps communication between server and browser highly secret and secure. 

We, not too long ago, made all forms secure for all users for free (which was recently a billable feature)-

That to say that any and all elements added to the form via CSS or otherwise need to be sourced from a secure location too (https). 

I hope that clarifies things - but you're welcome to ask further questions - here to help.