CSS background-image won't display

  • Profile Image
    Asked on March 08, 2016 at 02: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:

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

    Thank you in advance!

  • Profile Image
    Answered on March 08, 2016 at 06: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:

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

    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.

  • Profile Image
    Answered on March 09, 2016 at 08:40 AM

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

  • Profile Image
    Answered on March 09, 2016 at 09:42 AM

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