Why My Form Still Does not Have a Transparent Background?

  • allilivefor
    Asked on October 20, 2015 at 5: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.

     

    Jotform Thread 685133 Screenshot
  • mert JotForm UI Developer
    Replied on October 20, 2015 at 7: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.

    Why My Form Still Does not Have a Transparent Background? Image 1 Screenshot 20

     

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

    Have a nice day.

  • allilivefor
    Replied on October 20, 2015 at 4: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.

  • mert JotForm UI Developer
    Replied on October 20, 2015 at 4: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.

  • allilivefor
    Replied on October 20, 2015 at 5: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.

  • Boris
    Replied on October 20, 2015 at 9: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.