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 adjust width of form and background image?

    Asked by KCHDA on January 03, 2017 at 10:16 PM

    Hi,

    I have messed up the form width...can you take it back so the dance girl and title can fit side by side?

    Also,  I am trying to duplicate the dance level events with check boxes and their corresponding logic and surveying.  It isn't working and I have to duplicate it for Participant 2 (if selected yes) and Participant 3 (if selected yes).  

    Then once that is working I need to add all the dance subtotals and the custom selections subtotal to put that into the payment wizard at the bottom of the form.

    And the preview shows the background image repeating over and over?  Can you help me fix all these issues?

    Thanks!!!

    Lori

    Page URL:
    https://www.jotform.ca/form/70004504045238?preview=true

  • Profile Image
    JotForm Support

    Answered by Charlie on January 04, 2017 at 02:57 AM

    You can try reverting back to an earlier version of your form where the width is still good. Here's a guide about it: https://www.jotform.com/help/294-How-to-view-form-revision-history 

    You can also add this custom CSS code to your Form Designer Tool's CSS tab to dictate the form's width:

    div.form-all {

    min-width: 50% !important;

    }

    You can adjust the min-width value based on your own preference. I'm using % unit value, you can change it to px if you want. 

     

    For the background image, you can add this custom CSS code:

    .supernova {

        background-image: url('https://www.jotform.com/uploads/KCHDA/form_files/woman-692799_1280.jpg');

        background-attachment: fixed !important;

        background-repeat: no-repeat !important;

        background-size: 100% 100% !important;

    }

     

    Let us know if those worked.

     

    For the other concerns that you have. I have opened separate threads for them. You can check them here:

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

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

    We will address those accordingly.

    Thank you.