CSS background-image won't display

  • cgrouge
    Asked on March 8, 2016 at 2:45 PM

    Why does my background-image not show when I paste in my own URL link to include in the background?

    I placed a background-image on an image upload area using an external URL and I can see the image pop up in the designer preview of my form:

    CSS background image wont display Image 1 Screenshot 30

    But, when looking at the live form, the background image is not longer displaying. The upload area is just white:

    CSS background image wont display Image 2 Screenshot 41


    Thank you in advance!

  • Boris
    Replied on March 8, 2016 at 6:11 PM

    The image is not loading due to it being served with an invalid SSL certificate. This means that the image can only be loaded over the plain HTTP protocol:

    CSS background image wont display Image 1 Screenshot 30

    If you attempt to load the image over the secure HTTPS protocol, you receive an error and the image will not be loaded:

    CSS background image wont display Image 2 Screenshot 41

    Whenever you load your form over a secure HTTPS link, it will attempt to load the image in a secure manner as well, and fail.

    Please try hosting your image on a server that (1) supports secure connections in order for the image to be displayed on your secure form, and (2) allows for hotlinking to its images. Please let us know if this resolves the issues you were having.

  • cgrouge
    Replied on March 9, 2016 at 8:40 AM

    I was able to host it through another site and the image now displays. Thank you for your help!

  • mert JotForm UI Developer
    Replied on March 9, 2016 at 9:42 AM

    In the name of my colleague, you are most welcome. Please, always feel free to contact us for your further questions.

     

    Regards.