How to adjust width of form and background image?

  • KCHDA
    Asked on January 3, 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
  • Charlie
    Replied on January 4, 2017 at 2: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. 

    How to adjust width of form and background image? Image 1 Screenshot 20

     

    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.