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

  • formularioon
    Asked on March 4, 2015 at 4: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. 

  • Ben
    Replied on March 4, 2015 at 9:19 AM

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

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

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

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

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

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

    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