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

    my form background and other design features disappeared

    Asked by pardop1 on August 25, 2016 at 10:48 PM

    This for should deb on a hockey template background and the part that is showing in orange, should be blue. i didn't like the the background repeated so i went into advance designer and switched fixed and cover options (repeat was not checked) and the background disappeared and the form is now orange instead of blue - please fix.

     

    Pam

    form background and template checked designer
  • Profile Image
    JotForm Support

    Answered by Mike_G on August 26, 2016 at 01:15 AM

    You can use the Revision History of your form to revert back to its state where the page has a background image and the form itself has a blue background.

    Or, you can try to do this to your form: 

    I believe you already have the New Mini Form Designer. 

    Please re-add the Page Background using this link: https://s3.amazonaws.com//jufs/pardop1/form_files/NBPS_FormsBG_Sports_03-01.jpg

    Then, don't forget to save the changes.

    That should also fix the issue of the orange background.

    Now, to make the background fixed and does not repeat, here's what you can do: 

    Add the CSS codes below to your form:

    .supernova {

        height: 100%;

        background-repeat: no-repeat;

        background-attachment: fixed;

    }

    You can also add the codes to your form by following the instruction given in this guide: How-to-Inject-Custom-CSS-Codes

    I hope this helps. If you need any further assistance, please feel free to contact us anytime. Thank you.