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

    Why My Form Still Does not Have a Transparent Background?

    Asked by allilivefor on October 20, 2015 at 05:41 AM

    Hello, I have been using Jotform for years now and it seems that your new form designer keeps messing up my forms...! When I go to edit my old forms, the new designer automatically changes the form settings.

    How can I achieve a transparent background on this form please?

    I've tried adding css:

    .form-all {
     background : transparent !important;
     border: none;
     box-shadow: none;
    }

    and have changed the 'background', 'frame' and 'input background' to transparent. Also changed the form style background to transparent, yet it still displays a solid white background...!

    Thanks for your help,

    Mike.

     

    Page URL:
    http://allilivefor.co.uk

    Screenshot
    My Forms form designer new form JotForm style
  • Profile Image
    JotForm Support

    Answered by mert on October 20, 2015 at 07:27 AM

    Hi Mike,

    Actually, you have achieved to make your form's background transparent; but there is nothing to show this feature on the background of it.

    Below, it can be seen that your form has transparent background. The only thing that I did is adding background picture to it.

     

    If you need any other information, please let us know.

    Have a nice day.

  • Profile Image

    Answered by allilivefor on October 20, 2015 at 04:00 PM

    Thanks Mert! How would I get it to display without adding a background image? Why is the background currently white on my website?

    Mike.

  • Profile Image
    JotForm Support

    Answered by mert on October 20, 2015 at 04:32 PM

    Hi again,

    Mike, I found that in your form's CSS, there is a "background-color: #ffffff;" row. In my tests, deleting that one fixed the problem.

    Please, find and delete the red marked line:

     

    .supernova {

    background-color: none;

    background-color: #ffffff;

    }

     

    Try this method and give us feedback about its last state.

    Thanks.

  • Profile Image

    Answered by allilivefor on October 20, 2015 at 05:11 PM

    Thanks again Mert,

    Sorted it! I also had to edit the background for the .form-header-group and .form-subHeader classes. Every time I open the form designer, it resets some of the css.

    Mike.

  • Profile Image
    JotForm Support

    Answered by Boris on October 20, 2015 at 09:29 PM

    On behalf of my colleague, you are most welcome.

    We are glad to hear that you've got it sorted, Mike, thank you for letting us know.

    If you need assistance with anything else, please don't hesitate to open a new support thread about it, and we'll do our best to help.