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 can I make my form background transparent?

    Asked by dmgius84 on March 30, 2011 at 09:54 AM

    hello, how can I do to use a transparent background?

     

    Best regards

  • Profile Image
    JotForm Support

    Answered by NeilVicente on March 30, 2011 at 10:06 AM

    Hi,

    Refer to this thread http://www.jotform.com/answers/19236-Clear-transparent-background to enable transparent background on your form. Hope this information helps.

     

    Regards,

    Neil

  • Profile Image
    JotForm Support

    Answered by liyam on March 30, 2011 at 10:08 AM

    Hello dmgius84,

    There are three different ways to achieve this:

    Option I

    1. Click Form Style
    2. Click Background
    3. A pop-up will appear and type 'transparent' inside the text field.

    See image below:

     

    Option II

    Another solution is going to preferences under Setup & Embed (this is beside Form Style). Then click Preferences (gear icon in tool bar).  Then just type transparent in the field.

    Option III

    Lastly, you can do CSS injection:

    In My Forms page, choose and edit your form (steps 1-3 is just the same as Option II above):
    1. Open "Setup & Embed" tab on toolbar,
    2. Click on "Preferences"
    3. Click on "Form Styles" tab

    4. Click on the value on the right side of "Inject Custom CSS" (the one that has the Click to Edit text).
    5. Insert the values:
    .form-all { background: none; }

     


    Hope this helps.