My background Image is missing from the first field?

  • Profile Image
    Asked on June 17, 2016 at 04:42 PM

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


  • Profile Image
    Answered on June 17, 2016 at 04:59 PM

    this is the code i am using

    #input_14 {

        background-image : url('') !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;




  • Profile Image
    Answered on June 17, 2016 at 05:06 PM


    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('')



    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:


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