background image does not display.

  • Profile Image
    chankins
    Asked on January 26, 2016 at 03:23 PM

    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?

     

     

  • Profile Image
    chankins
    Answered on January 26, 2016 at 04:57 PM

    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

  • Profile Image
    chankins
    Answered on January 26, 2016 at 05:15 PM

    I just tried the following code:

     

    .supernova {

     

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

     

    }

     

    No luck.

    CH

     

  • Profile Image
    TitusN
    Answered on January 27, 2016 at 12:20 AM

    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. 

  • Profile Image
    chankins
    Answered on January 27, 2016 at 11:45 AM
    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
    ...
  • Profile Image
    chankins
    Answered on January 27, 2016 at 11:45 AM
    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
    ...
  • Profile Image
    TitusN
    Answered on January 27, 2016 at 12:59 PM

    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.