Form background instead of showing dark transparent shows full color?

  • Profile Image
    david_Johnston
    Asked on February 04, 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

  • Profile Image
    BDAVID
    Answered on February 04, 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.gif

    Let us know if you have more questions.

  • Profile Image
    david_Johnston
    Answered on February 04, 2021 at 01:17 PM

    That does not work.

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

    1612461851_601c371b9ddf9_Screenshot_62.j

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

    1612462072_601c37f879a54_Screenshot_61.j

    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

  • Profile Image
    Yuta_J
    Answered on February 04, 2021 at 05: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

  • Profile Image
    david_Johnston
    Answered on February 05, 2021 at 11:28 AM

    Hi,

    Any ideas?

    Thanks

  • Profile Image
    Bojan_J
    Answered on February 05, 2021 at 01: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.png

    Let us know if this resolved your problem.