My background Image is missing from the first field?

  • timcross861
    Asked on June 17, 2016 at 4:42 PM

    My background image for my first field shows up in the editor but not on the preview or when i embed??

     

    My background Image is missing from the first field? Image 1 Screenshot 30My background Image is missing from the first field? Image 2 Screenshot 41

    Jotform Thread 863667 Screenshot
    Page URL: https://form.jotformeu.com/53295888852373
  • timcross861
    Replied on June 17, 2016 at 4:59 PM

    this is the code i am using

    #input_14 {

        background-image : url('http://www.sellyour-car.co.uk/uploads/6/5/5/6/65567227/8307542_orig.png') !important;

        background-repeat : no-repeat;

        background-size : 390px 120px !important;

        font-size : 45px !important;

        height : 125px;

        color : #000000;

        text-align : center;

        font-weight : bolder;

        font-variant : capitalize;

        border : 0px hidden;

        background-position : center;

        

    }

     

  • Support_Management Jotform Support
    Replied on June 17, 2016 at 5:06 PM

    Hi,

    Thanks for using Jotform!

    We appreciate your detailed question. I checked your form and confirmed the image was indeed not showing up. Upon inspecting, it appears the image you used as a background for the Registration Number field is being loaded from a non https page like so:

    #input_14 {

       background-image: url('http://www.sellyour-car.co.uk/uploads/6/5/5/6/65567227/8307542_orig.png')

    ...

     

    To fix this, please use an image that is hosted from an https page. For your reference, the form loads the image properly when using a non-https version of your form. Here they are shown side by side:

    My background Image is missing from the first field? Image 1 Screenshot 20

     

    Hope that helped! Don't hesitate to get back to us if you have further questions.