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 can I make the backgrond color transparent for my embedded form?

    Asked by robinsdk94 on August 09, 2016 at 03:26 PM


    I will do my best to explain my problem in English, I'm from Holland.

    I've made a form and i'm quite satisfied about it. I adjusted several sections and the lay-out. 

    One adjustment on the lay-out (via 'designer') I made was the background of the form. I want that only the textfields and buttons are visible but no background. I adjusted 'background' and 'frame' to nothing, but when I publish via iFrame it stays white. 

    The funny thing is (as for me) that when I publish via source code or the direct link option it is transparent as it should be. 

    I really want it in the iFrame version otherwise the htmlcode is so unclear. 

    Can you help??!!?? :)

  • Profile Image
    JotForm Support

    Answered by Kevin_G on August 09, 2016 at 04:52 PM

    I have checked your form and I can see the white background showing on the iFrame embedded code; however, this can be fixed by injecting some CSS code, please inject this: 

    .supernova {

        background-color: transparent;


    Open the Designer and remove all the code you currently have there and paste the one I provided.

    To open the Designer, first click on the Designer icon: 

    Remove the code and paste the given code there on the CSS tab: 

    Hope this helps.