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

    Como colocar um fundo transparente no formulário? / How to make transparent jotform?

    Asked by formularioon on March 04, 2015 at 04:46 AM

    Já fiz o formulário e gostaria que o fundo ficasse transparente para poder colocá-lo em cima de uma imagem que está na minha página wix. Coloquei sem fundo e cliquei na opção mostrar transparência. Contudo, quando vou colocar o formulário na página ele continua com um fundo branco. Como poderei resolver esta situação? Será possível ou não? Obrigada. 

    background color background transparent back transparent form
  • Profile Image

    Answered by Ben on March 04, 2015 at 09:19 AM

    To set your jotform as transparent you should click on Preferences in the toolbar

    Once a new window opens, you should click on Form Styles

    Now color picker will open, but you should not make any selections, just start typing transparent.

    Once you type it click on OK button and that is it, your jotform should be transparent.

    Now since there might be a CSS code placed by a template or a theme that could still make it seem as white (or some other color) we can add a code such as this one to make sure that there is no background nor image on the jotform that would not allow it to be transparent:

    html.supernova, body, form.jotform-form, div.form-all {
        background: none transparent;
    }

    I would suggest first to try the steps above, then if they do not work apply this CSS code and it should work since it removes all color and images from the elements they are usually applied to.

    You can see here how to add that CSS code if that is needed: Inject Custom CSS Codes