What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How to have image background no repeat and fixed?

    Asked by booking2 on February 24, 2017 at 07:09 AM

    Hello,

     

    I have an issue with the background image. Although in the form builder is ok, when i preview or go the the form designer, it disappears. I want the image that is at the moment in the form to be "fixed", not repeated, to the whole form's height.

     

    I have even try to clone it and insert the background image from scratch but with no luck.

     

    I have read and try to implement all other problem solving issues but again no luck.

     

    https://form.jotformeu.com/70542224113341

    thanks

  • Profile Image
    JotForm Support

    Answered by Nik_C on February 24, 2017 at 10:13 AM

    Hello,

    Please try this:

    1. Remove the image you placed,

    2. Go to Form designer:

    3. Go to CSS:

    4. And copy and place the below code:

    .supernova {

    background: url("https://www.jotform.com/uploads/Nik_C/form_files/2323.709.143.jpg") no-repeat center center fixed;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    What you could do only is to change the URL.

    Please test and let us know how it works for you.

    Thank you!

  • Profile Image

    Answered by booking2 on February 28, 2017 at 03:42 AM

    Thanks a lot for this. It is working nicely but i do not want the form to be transparent. I only need the picture to be showed around the form.

     

    thanks a lot

  • Profile Image
    JotForm Support

    Answered by Nik_C on February 28, 2017 at 05:19 AM

    I'm glad we're getting close. I tested your form but it is not showing transparent, here is my clone of your form: https://form.jotform.com/70582431651958

    Anyhow, you can change the form color here:

    If the problem persists, please let us know.

    Thank you!