How can I make my form background transparent?

  • Profile Image
    dmgius84
    Asked on March 30, 2011 at 09:54 AM

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

     

    Best regards

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