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

    Need to add more pics further down on both sides of my form so that there's no empty white space

    Asked by Doug Spector  on June 21, 2017 at 11:05 AM

    http://www.apartmentlivinglocators.com

     

    On my site home page, you will see my jot form.  I like the way you wrote the code for the 2 pics to appear on the right and left of the form, however I would like to add 2-3 more pics the same way but continuing further down until the bottom of form.

    Page URL:
    http://www.apartmentlivinglocators.com/Home

  • Profile Image
    JotForm Support

    Answered by aubreybourke on June 21, 2017 at 11:25 AM

    Can you please send the form URL:

  • Profile Image

    Answered by Doug Spector  on June 21, 2017 at 11:43 AM
    https://form.jotform.us/70844805302149






    ...
  • Profile Image
    JotForm Support

    Answered by aubreybourke on June 21, 2017 at 12:10 PM

    In the CSS editor you can try changing the "no-repeat" value to "repeat"

    How to Inject Custom CSS Codes 

  • Profile Image
    JotForm Support

    Answered by aubreybourke on June 21, 2017 at 12:38 PM

    Instead of repeating the image you can have it cover the background.

    You can try replace what you have with this CSS code:

    .supernova
    {
    background-image:url('http://i63.tinypic.com/2lth8hi.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
    background-size: cover;
    }

     

     

  • Profile Image

    Answered by Doug Spector  on June 21, 2017 at 01:43 PM
    I want to use 8 different images....4 on each side


    ...
  • Profile Image
    JotForm Support

    Answered by aubreybourke on June 21, 2017 at 02:24 PM

    The easiest way to achieve what you want is to do this:

    .supernova{

    background-image : url(http://i63.tinypic.com/2lth8hi.jpg);

    background-repeat: repeat;

    }

    This way the image is repeated along both the x-axis and y-axis automatically.

  • Profile Image

    Answered by Doug Spector  on June 21, 2017 at 02:43 PM
    I don't think you understand...I want 8 different pics .... 4 on each side.
    Once you give me th code, I will put the files for the 8 different pics


    ...
  • Profile Image
    JotForm Support

    Answered by aubreybourke on June 21, 2017 at 03:44 PM

    This is not a good way of combining multiple images. Because I dont know the dimensions of the images you want to use.

    What I suggest is that you create one image and copy all your images into it. Then use the one image to cover the whole background.

    You can create a collage here:

    https://www.befunky.com/features/collage-maker/

  • Profile Image

    Answered by Doug Spector  on June 21, 2017 at 05:43 PM
    can you see what's wrong with my center right pic? Alo, can you move my
    logo out of the form?


    ...
  • Profile Image
    JotForm Support

    Answered by Kiran on June 21, 2017 at 08:43 PM

    I have checked your web page and see that the images are displayed correctly. Could you point us the exact issue that you are experiencing with the center image? Also, as suggested by our colleague, you may create a single image by a collage and use it as a background of the form rather using multiple images. 

    The issue with removing the logo on the form is already addressed on your other thread.

    https://www.jotform.com/answers/1180195

    If you have any questions with this issue, we request you to follow-up on that thread.

  • Profile Image
    JotForm Support

    Answered by aubreybourke on June 22, 2017 at 04:49 AM

    I created the collage for you:

    .supernova{

    background-image:url('https://aubreyimages.000webhostapp.com/Apartments.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
    background-size: cover;

    }

  • Profile Image

    Answered by Doug Spector  on June 22, 2017 at 11:43 AM
    works good in preview but not on final published site


    ...
  • Profile Image
    JotForm Support

    Answered by BJoanna on June 22, 2017 at 12:58 PM

    Have you tried with CSS code that my colleage provided you in his last reply? I have added the code to my cloned form and as far as I can see form looks the same inside of the Form builder and when previewed. 

    https://form.jotformpro.com/71724732680963 

    Please add CSS code that my colleague provided you to your form:

    .supernova{

    background-image:url('https://aubreyimages.000webhostapp.com/Apartments.png');

    background-repeat: no-repeat;

    background-position: center top;

    background-attachment: fixed;

    background-size: cover;

    }