Form background instead of showing dark transparent shows full color?

  • david_Johnston
    Asked on February 4, 2021 at 12:24 PM

    Great thanks its perfect now
    just one more question, we are using leadpages with popup but when we click to open popup the background instead of showing dark transparent shows full color?

    its cause by jotform because when i remove the jotform code and open the popup again the dark transparent background shows fine, not sure what is causing it, can you please take a look.

    https://www.investorinforma.com/trackcapitalwardourpoint/

    Thanks again for your time

  • David JotForm Support Manager
    Replied on February 4, 2021 at 12:42 PM

    Hi, do you want to make the form background of the popup modal of your page transparent? If that is correct, please inject this code in your site:

    <style type="text/css">
    .css-19s8epu {
      background: transparent !IMPORTANT;
    }
    </style>

    Result:

    1612460457 601c31a956ec9 tranparent Screenshot 10

    Let us know if you have more questions.

  • david_Johnston
    Replied on February 4, 2021 at 1:17 PM

    That does not work.

    This is what it looks without the jotform when i open the popup:

    1612461851 601c371b9ddf9 Screenshot 62 Screenshot 10

    This is how it shows with jotform (with and without the code you said above)

    1612462072 601c37f879a54 Screenshot 61 Screenshot 21

    By the way we are using the "source code" option instead of the normal embebed and/or iframe ones because for some reason only that one works fine/all the time in leadpages popup.

    The normal iframe embeded in the leadpages popup shows the site background ok BUT some times just does not load, its only the source code version that showing like that and its only one that works fine. just want to remove that grey background.

    Any ideas why this is happening?

    Thanks again

  • Yuta_J
    Replied on February 4, 2021 at 5:58 PM

    Hello,


    Please let me look into this request and get back to you once I learned more on this. Thank you for your patience and will be in touch with you shortly.


    Best,


    Yuta

  • david_Johnston
    Replied on February 5, 2021 at 11:28 AM

    Hi,

    Any ideas?

    Thanks

  • Bojan Support Team Lead
    Replied on February 5, 2021 at 1:28 PM

    Greetings.

    We apologize for the delay.

    I have checked the page you have provided, and it looks like there is an iFrame element leading to the following page:
    https://www.investorinforma.com/serve-leadbox/4RnmyMUkv6DkYDnKTL43LP/

    Can you please make the body of that page transparent with the following CSS:

    body {
    background: transparent !important;
    }

    This will be the result:

    screenshot 3648 Screenshot 10

    Let us know if this resolved your problem.