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 to make form background color transparent?

    Asked by tctrust on March 04, 2017 at 07:31 PM

    Hello.

    Not be done the transparency of the form.

     

    Page URL:
    https://form.jotformeu.com/70516429944361

  • Profile Image
    JotForm Support

    Answered by ashwin_d on March 05, 2017 at 04:13 AM

    Hello tctrust,

    I am not sure if I have understood your question correctly. Do you mean to say that you want to make your form background transparent?

    Please inject the following custom css code in your form to make form background transparent:

    .supernova, .jotform-form, .form-all {

        background-color : transparent !important;

    }

    Please check the screenshot below on how to inject custom css code:

     

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!

  • Profile Image

    Answered by tctrust on March 05, 2017 at 06:33 AM

    Hello.

    OK,

    But I need 30% transparency.
  • Profile Image
    JotForm Support

    Answered by Charlie on March 05, 2017 at 10:33 AM

    Hi,

    What would you like to make transparent? Would you like it this way:

     

    You can see that the main frame of the form is transparent and it will display the background image, is that what you are aiming? If so, you need to insert this custom CSS code in your form:

    .form-all {

     background-color: rgba(0,0,0,0.3) !important;; 

    }

    Here's a guide on how to insert that CSS code: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes. Please also check this guide to learn more about the legal or proper ways to set color in the CSS code: https://www.w3schools.com/cssref/css_colors_legal.asp 

    You can see how that form looks like in this demo form that I have: https://form.jotform.com/70634241395960

    Let us know if we misunderstood your concern.