JGrowl установить тему

Question

Мой код Jgrowl:

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

И мой CSS в CSS Jgrowl:

.test{
    background-color:       #000000;
}

Но этот CSS не применяется к коробке. Я, вероятно, неправильно использую опцию темы, но изо всех сил пытаюсь найти много документации по ней.

Answer 1

Цвет фона .test переопределяется стилем "div.jGrowl div.jGrowl-messages".Вы можете сделать .test style! Important:

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

или получить доступ к классу .test более конкретно так:

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

, это также переопределит его

Answer 2

Вы можете использовать параметр опций конфигурации jGrowl

theme - это класс CSS, определяющий пользовательские стили для этого конкретного сообщения, предназначенные для использования с пользовательским интерфейсом jQuery.

CSS:

.jGrowl .changeCount {
    background-color:       #337ab7;
}

JS:

$.jGrowl("Message in box",{theme:  'changeCount'});

Больше информации об этом плагине здесь: https://github.com/stanlemon/jGrowl/blob/master/README.md