# Embed zoom meeting on angularjs application

**URL:** <https://devforum.zoom.us/t/embed-zoom-meeting-on-angularjs-application/5430>\
**Category:** Web\
**Created:** [August 10, 2019, 6:34am UTC](https://devforum.zoom.us/t/embed-zoom-meeting-on-angularjs-application/5430 "2019-08-10T06:34:20Z")\
**Posts on this page:** 1\
**Showing post:** 3

<div class="post-metadata">

**Author:** ![alessandro.feliziani](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/alessandro.feliziani/32/44487_2.png) [@alessandro.feliziani](https://devforum.zoom.us/u/alessandro.feliziani)\
**Post date:** [August 13, 2019, 6:50am UTC](https://devforum.zoom.us/t/embed-zoom-meeting-on-angularjs-application/5430/3 "2019-08-13T06:50:17Z")

</div>

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?

 ![css](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/2X/f/f7aeb69e52741615acdd3c2910e616aea110ffb8.png)

You wrote in " [Zoom Meeting Custom Ui](https://devforum.zoom.us/t/zoom-meeting-custom-ui/5281)" 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?

 ![zmmgt1](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/2X/4/4ec7addca52563c929a92832a4db763bb38b21fc.png)  
 ![zmmgt2](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/2X/e/e812e1ac427cec9632fcbf4f88661c4e732c312e.png)

---

_[View the full topic](https://devforum.zoom.us/t/embed-zoom-meeting-on-angularjs-application/5430)._