2011-01-31 17 views
6

Mi código es Jgrowl:JGrowl establecer el tema

$(document).ready(function() { 
     $.jGrowl("<strong>Error!</strong><br />An invalid ID was passed and your template could not be loaded", { sticky: true, theme: 'test' }); 
    }); 

Y mi CSS en el CSS es Jgrowl:

.test{ 
    background-color:  #000000; 
} 

pero no es la aplicación que el CSS a la caja. Probablemente estoy haciendo un uso indebido de la opción tema, pero estoy luchando por encontrar mucha documentación al respecto.

Respuesta

16

El color de fondo .test se reemplaza por el estilo "div.jGrowl div.jGrowl-notification". Se podría hacer el estilo .test importante:

.test{ 
    background-color:  #000000 !important; 
} 

o acceder a la clase .test más específicamente de esta manera:

"div.jGrowl div.jGrowl-notification.ui-state-test" 

esto anulará también