Styling a Certain PrimeNG Component

Customizing the styles of a certain PrimeNG component might be tricky. In this tutorial, we're discussing ViewEncapsulation and styling a certain panel in our app.

[@xboixed]

Many thanks! this saved me, as you said, from some further frustration.. the only thing I needed to add was the !important property to make it work.

[@mark78750]

Thank you for your very good video - it really helped!

[@lilcranky9455]

ty!!! good video!

[@jediTempleGuard]

You saved my time... Thnx a ton

[@korvinkori_]

Grazie mille, sei il migliore

[@tancredicarluccio2993]

Grazie bro, you're the best.

[@thomaslokomotive5634]

Is this also working for the p-overlayPanel, to change the padding of the p-overlaypanel-content?

[@appbraham]

You can use negative margins in the child of p-overlaypanel, that worked for me.

[@ugochukwuumerie6378]

Thanks for sharing, I thought adding ::ng-deep is deprecated

[@cagataycivici]

Yes, It is deprecated related to shadow piercing but for broader compatibility it is preferred due to Shadow DOM and emulated mode being default.

[@GreenLion1010]

is there no better way - cleaner?
because ngdeep seems to get unsupported....

[@efrainmadrigal9043]

thanks for the video, but actually this way not work for my project in angular 14 :(

[@oliverp3464]

Can you please zoom in your code screen when presenting, everywhere. Thanks.

[@cagataycivici]

This one better? ruclips.net/video/iZp_l0Yl3Zw/видео.html

[@gigantedocil]

Thanks for the video! You have a typo on your title 👀

[@cagataycivici]

Got it, thanks!

[@ericrisrossato3322]

muito bom, me ajudou muito. thank you

[@estenoesvic1001]

Un grande

[@aturan-fo1qt]

Thanks.

[@TASHKILAGroup]

thank you alot sir , allah guide you to islam.