How to change Growl's position on the screen?

0

I want to change the position of Growl but I apply it in CSS and in the time does not change anything in the position when it appears on the screen, I want to center for example.

No template:

<h:head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
    <title>Drogaria</title>
    <h:outputStylesheet library="css" name="estilos.css" />
</h:head>
<h:body>
    <p:growl id="msgGlobal" life="3000" />
...
</h:body>

In css:

@CHARSET "ISO-8859-1";

.ui-growl{
    left:20px;
}

No xhtml

<p:commandButton value="Gravar" actionListener="#{MBFabricante.novo}" 
                        oncomplete="PF('dlgFabNovo').hide();" 
                        update=":frmFabListagem:tblFabricantes :msgGlobal" />
    
asked by anonymous 31.05.2017 / 03:55

1 answer

0

Use absolute , try as soon as it worked for me:

.ui-growl {
    position: absolute;
    top: 20px;
    left: 40%;
}
    
01.06.2017 / 13:24