How to adjust width of form and background image?

  • Profile Image
    KCHDA
    Asked 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

  • Profile Image
    Charlie
    Answered 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.