Trouble adding background photo to our form

  • DashIn
    Asked on September 21, 2018 at 10:04 AM

    I have been trying to upload a background photo to this form. It did originally have a photo background but when I returned to edit the next day it was gone. I have attempted to upload and save multiple different photos since and nothing is showing up. The editor shows a broken image icon and has a link for the upload: https://files.jotform.com/jufs/DashIn/form_files/39724108_244978226203531_861759491153068032_n.jpg but that leads to a page that cannot load.


    Jotform Thread 1587579 Screenshot
  • Kiran Support Team Lead
    Replied on September 21, 2018 at 11:22 AM

    As I check the form https://form.jotform.com/82533702744153 the background seems to be displaying normally. I have also checked the account and see that uploaded images are being displayed without any issue. You may try logging into a private/incognito window or a separate browser to see if that helps. I have also cleared the form caches that might help. Please check and let us know if you need any further assistance. We will be happy to assist. 

  • DashIn
    Replied on September 21, 2018 at 11:48 AM

    I have cleared caches, tried different browsers and incognito mode. I uploaded via the basic editor and tried the advanced designer, clicked save, and the image still will not appear. What image are you seeing? Because its just a grey background for me. Trouble adding background photo to our form Image 10

  • Welvin Support Team Lead
    Replied on September 21, 2018 at 1:07 PM

    It seems that you're having an issue with the designer. I cannot replicate it, so to fix your problem, I'd suggest overriding the background with custom CSS codes:

    .supernova {

        background-image: url(https://www.jotform.com/uploads/DashIn/form_files/39724108_244978226203531_861759491153068032_n.jpg) !important;



        background-position: center !important;

        background-repeat: no-repeat !important;

        background-attachment: fixed !important;

        background-size: cover !important;

    }

    Please follow the steps here to inject the codes: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes