Backgroung Image is not displayed?

  • Mona_Abdelkader
    Asked on December 19, 2017 at 8:22 AM

    Hi,

    Please I've added

    .jotform-form {

        background-image: url('http://www.alaanak.com/wp-content/themes/alaanak/img/form-bg.png') !important;

    }


    as custom CSS to my form, but the image isn't displayed as background, when I use inspect element in my browser to see what's wrong I found it written without (http:); i.e.

        background-image: url('//www.alaanak.com/wp-content/themes/alaanak/img/form-bg.png') !important;

    If you added http: in inspector, the background will appear

    How to solve this problem?


    Thanks in advance

    Page URL: https://www.facebook.com/Fashion-152835355345932/app/684336108254110/
  • John_Benson
    Replied on December 19, 2017 at 11:14 AM

    Please try using our Form Designer page where you can change the Form Background and Page Background. 

    15136999495353zzz Screenshot 10

    Also, you can try using the Image field. I divided the image you provided into two parts and put it on the top of the form and at the bottom of the form. Here's a screenshot:

    151369975253z Screenshot 21

    You can also use our Advanced Form Designer, here's the link: https://www.jotform.com/form-designer/

    Contact us again if you need assistance. Thank you.