image background to cover whole screen

  • andrejean
    Asked on October 10, 2014 at 12:36 AM

    i need for my image to cover the whole screen.

     

    it was something about top center but i also need it stretched to cover everything.

     

    i'm very frustrated with jotform right now.

    this is what i have right now:

     

    .form-all {

    width:900px !important;

    height:1295px !important;

    }

    .form-section {margin-left: auto !important;}

    .form-section {margin-right: auto !important;}.form-line {text-align: center !important;}.form-all {

    background: url(http://i.imgur.com/eUjFlCE.png)

    no-repeat top center;

    input#first_4.form-textbox color:nocolor;

    }

  • Charlie
    Replied on October 10, 2014 at 8:24 AM

    Hi andrejean,

    Upon checking the form link you provided, it seems that you have managed to fix the problem?

    I cloned your form for testing purposes, and this is how I edited the background image.

    1. Navigate to this tutorial: Customize your Form using CSS codes

    2. Using this code to setup the background image and stretch it.

    background: url(http://i.imgur.com/eUjFlCE.png)

    no-repeat top left;

    image background to cover whole screen Image 1 Screenshot 20

     

    3. You can view the edited live cloned form I have here:

    http://form.jotformpro.com/form/42823451717960 

     

    I hope this helps. Let us know if your still having problems.

    Thank you.