Hi Tommy,
I have a .footer class that is being overwritten by WebSDK. Also my fonts are being overwritten. I guess I’m doing something wrong. Or is it supposed that WebSDK is placing new styles in the head of my webapp?
You wrote in " Zoom Meeting Custom Ui" that we can customize css classes that are generated. So I have added some classes to my stylesheet:
#zmmtg-root, .meeting-client, .meeting-client-inner {
width: 1000px;
height: 500px;
position: relative;
}
#wc-footer {
bottom: auto !important;
width: 1000px !important;
}
#dialog-join {
width: 1000px !important;
}
#sv-active-video, .active-main, #sv-active-speaker-view, .main-layout {
height: 500px !important;
width: 1000px !important;
}
.suspension-window {
transform: translate(-444px, 10px) !important;
}
#dialog-invite {
display: none;
}
Is that wrong?
Also, inspecting my DOM, I noticed that I have two zmmtg-root DIVs: one added by me (where I would like the meeting to be embedded) and another one created by WebSDK. How can I avoid that?
