How can I place several p:growl components on the same page in different positions - one on the left, one on the right, and one in the center? When I try to override the style for each growl individually, it affects all of them like this:
<style type="text/css">
.ui-growl{
left:100px;
}
</style>
It seems like I need a separate UI-growl style. I created one but it doesn't seem to be working.
.ui-growl1{
right:30px;
}