How to change background to transparent

  • BabaaBasil
    Asked on January 13, 2021 at 6:47 PM

    CSS to make background transparent?

    Possible?

    Jotform Thread 2822377 Screenshot
  • Yau_C
    Replied on January 13, 2021 at 10:14 PM

    Greetings,

    Thank you for reaching out.

    Yes, you could use rgba instead of hex:

    1610593745 5fffb5d1a66af  Screenshot 10

    Since you are using inline styling, you could add this to you style attribute:

    background-color: rgba(249, 249, 249, 0)

    Let me know how it goes.

    Best regards,

  • BabaaBasil
    Replied on January 14, 2021 at 2:13 PM

    Could you please provide/confirm for me the CSS selector for the Drawing Captcha?

    I am not having success.


    1610652248 60009a5871e8c Screen Shot 202 Screenshot 10

  • Elton Support Team Lead
    Replied on January 14, 2021 at 5:53 PM

    To clarify, you want the background of the captcha to be transparent too? On my initial check, the background color is part of the captcha image so I'm not it can't be modified through CSS color but I'll check if the image can be replaced with CSS without breaking the captcha. We'll let you know here if it's possible.

  • Elton Support Team Lead
    Replied on January 14, 2021 at 5:56 PM

    Try this and inject it to the captcha widget under Custom CSS tab.

    canvas#mc-canvas {

        background-image: url("https://shots.jotform.com/elton/motionCaptcha-shapes.png");

    }

    Guide: How to Inject CSS Codes to Widgets