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

    Asked by PranaHouse on June 02, 2015 at 02:19 AM

    I have followed this advice: http://www.jotform.com/help/87-Making-the-Form-Background-Transparent

    And also set it to transparent in Designer, but no luck...

    Page URL:
    http://pranahouse.com.au/phytt-expressionofinterest/

    form background Make how JotForm www and designer
  • Profile Image

    Answered by Syed on June 02, 2015 at 02:48 AM

    Hi there;

                Please try to inject the following CSS Code Block, it will make your form transparent. Read our guide here on How to Inject Custom CSS Codes. Review the following screenshot for confirmation.

    .supernova .form-all, .form-all {background: transparent !important;}

    Hope it will all-set! Please let us know further if you need more assistance, we would be happy to assist you.

     

    Thankyou,

  • Profile Image

    Answered by PranaHouse on June 02, 2015 at 09:23 PM

    Thank you Syed, I have followed your instructions and it's still not working

    See: http://pranahouse.com.au/phytt-expressionofinterest/

    Do you have any other suggestions?

  • Profile Image

    Answered by Syed on June 03, 2015 at 03:01 AM

    Hi there;

          Sorry for the late reply, could you try this CSS Code Block please, hope it will make your form transparent. Review the following screenshot for confirmation.

    .supernova { background: transparent !important; }

    Do get back to us, if you still having issues on this, we would be happy to assist you.

     

    Thankyou,

  • Profile Image

    Answered by PranaHouse on June 03, 2015 at 09:59 PM

    Thanks again! Still not working.

     

    When I go to Designer> CSS  it says there's an error:

     

    But, when I delete that row, the error X just moves up to the next line.

     

    The error text accompanying the code you gave me says:

    'Use of !important

    Expected RBRACE at line 412, col 50'

     

     

    and when I delete that line and the X moves up, the error message is:

    'Expected RBRACE at line 411, col 2'

  • Profile Image
    JotForm Support

    Answered by Chriistian on June 03, 2015 at 11:45 PM

    Hi PranaHouse, 

     

    Can you try adding a close brace } before you add the CSS code

    .supernova { background: transparent !important; } and see if this fixed your issue?

     

    Regards.

  • Profile Image

    Answered by PranaHouse on June 03, 2015 at 11:54 PM

    That did the trick! Thankyou!

  • Profile Image
    JotForm Support

    Answered by Chriistian on June 04, 2015 at 01:31 AM

    Hi PranaHouse, 

    You're welcome.

     

    Glad to hear that your concern was solved.

     

    Regards.