Picture on form cover

  • rduong
    Asked on October 16, 2017 at 5:25 AM

    Hi

    I would like to add a picture on form cover like this :

    1508145905Capture 2 Screenshot 10

  • Jenny
    Replied on October 16, 2017 at 9:16 AM

    I have cloned your form and added the following code to it.

    .form-section:last-child {

        background-image: url(“https://www.jotform.com/uploads/rduong/form_files/quadrillage.28.png“) !important;

        background-repeat: repeat;

    }

    Check the image below to see the result:

    1508159488Screen Shot 2017 10 16 at 16 Screenshot 10

    I believe by saying "add a picture on form cover" you mean the previous result. However, as you can see there is space above the "quadrillage" image and it can not cover the whole form.

    Here is the "quadrillage" image you have provided with space above:

    1508159619Screen Shot 2017 10 16 at 16 0 Screenshot 21

    If you want to cover the whole form, you need to remove the space and place the image with the code provided.

    You can also check my demo form and clone it to your end for further inspections: https://form.jotform.com/72883294223966  

    Hope this helps! If you have any questions please let us know.


  • rduong
    Replied on October 19, 2017 at 4:57 AM

    HI

    Sorry but it doesn't work as you can see ! Do I missing something or am I just stupid ?

  • BJoanna
    Replied on October 19, 2017 at 9:58 AM

    I'm sorry but I'm a bit confused. The form you provided and the form of my colleague are not the same. Considering that my colleague cloned your form I assume that you changed the theme and style of your original form. Your form currently looks like this.

    1508421455form Screenshot 10

    Please provide us an ID of the form that you are currently working on and tell us what exactly is not working. You can provide us a screenshot of your issue.