Add styles or class to Menu k-popup

[Shannon]

How do you add a class / style to the popup rendered when hovering or clicking on a kendo-menu-item?  I see a k-animation-container opening but have no idea how to add styling to it.

[Svet]

Hi Shannon,

We can use the [cssClass] or [cssSyle] input properties of the kendo-menu-item component in order to add any custom CSS class or style. In case we have a Popup or any other Kendo Ui for Angular component, that we want to style differently, than its default appearance, we need to use some custom CSS. Basically, we need to inspect the DOM, in order to locate the default used Kendo styles like the .k-popup class and override them.

Check the following example demonstrating both approaches:
https://stackblitz.com/edit/angular-tkqkg9?file=app%2Fapp.component.ts

I hope this helps. Let me know in case further assistance is required for this case. 

Regards,
Svetlin
Progress Telerik

[Naseer]

Thanks Svetlin's, 

it its working for custom styles. Really appreciate your help.