Issue with remove background-color CSS

Description
Hello,

I have a problem with the CSS, I want to remove the black background color with div selection # zmmtg-root, but I can’t seem to remove the black background with this line code I did:

<style>
        .sdk-select {
            height: 34px;
            border-radius: 4px;
        }

        #zmmtg-root {
            width: 100%;
            height: 100%;
            position: fixed;
            top: 0;
            left: 0;
            /*background-color: black;*/
        }

        .websdktest button {
            float: right;
            margin-left: 5px;
        }

        #nav-tool {
            margin-bottom: 0px;
        }

        #show-test-tool {
            position: absolute;
            top: 100px;
            left: 0;
            display: block;
            z-index: 99999;
        }

        #display_name {
            width: 250px;
        }


        #websdk-iframe {
            width: 700px;
            height: 500px;
            border: 1px;
            border-color: red;
            border-style: dashed;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            left: 50%;
            margin: 0;
        }
    </style>
     

How can I remove the black background because I have tried found several solutions to remove the black background, but I cannot ?

Thank you in advance for your answers.

Hi!
You can use display: none to hide it :smiley:

 #zmmtg-root {
            width: 100%;
            height: 100%;
            position: fixed;
            top: 0;
            left: 0;
            background-color: black;
            display: none;
        }

and then, if you want to show it, simple access to it with JS.
document.getElementById("zmmtg-root").style.display="block"

2 Likes

Hi @luucaford,

It working right now,

Thank you for responding to this topic.

2 Likes

@epenyblaise Great! I’m glad to hear that @luucaford was able to help.

Thanks @luucaford!

1 Like