2011-01-31 6 views
6

Il mio codice è Jgrowl:JGrowl set 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' }); 
    }); 

E il mio CSS nel Jgrowl CSS è:

.test{ 
    background-color:  #000000; 
} 

ma non è l'applicazione che i CSS per la casella. Probabilmente sto usando male l'opzione del tema, ma sto cercando di trovare molta documentazione su di esso.

risposta

16

Il colore di sfondo. Test è sovrascritto dallo stile "div.jGrowl div.jGrowl-notifica". Si potrebbe fare lo stile .test importante:!

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

o accedere alla classe .test più precisamente in questo modo:

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

questo avrà la precedenza troppo