стили моего плагина не применяются

Всем привет,

в wordpress 4.6 делаю свой плагин с формой на фронтенде которую подключаю через add_shortcode

Мой плагин имеет таблицу стилей у которой пишу


/*iPhone portrait 320 x 480 */
@media screen and (min-width: 320px) and (max-width: 479px) {
    body {
        background-color: lightgreen;
    }
}

/*iPhone landscape 480 x 320*/
@media screen and (min-width: 480px)  and (max-width: 599px) {
    body {
        background-color: #ffff00;
    }
}

но тестируя вижу что на девайсах мои стили не применяются а берутся из bootstrap.css?ver=4.6.1 активной темыю
Мои стили ниже в иерархии перечеркнуты.

Мои стили подключены в в плагине

            wp_register_style( 'NSN_WooExtSearch_common_styles', $this->m_plugin_url . 'css/nsn_woo_ext_search_style.css' );
            wp_enqueue_style( 'NSN_WooExtSearch_common_styles' );

Как сделать чтобыв мои стили применялись ?

Спасибо !

Коментарии: 2

mstdmstd

24.09.2016 07:36

Ответить

Заглянув в исходный код результирующей страницы я вижу что мой css файл ДО файла
ultrabootstrap/css/bootstrap.css?ver=4.6.1
Видимо, он должен быть ПОСЛЕ?
можно ли жто установить с помощью wp_register_style и wp_enqueue_style или как-то иначе?
В описании этих параметром я не вижу такой возможности…

n@y wega

27.09.2016 07:53

Ответить

можете просто перебить своими стилями стили бутстрапа, просто добавив !important; к своим стилям, напримет:


/*iPhone portrait 320 x 480 */
@media screen and (min-width: 320px) and (max-width: 479px) {
    body {
        background-color: lightgreen !important;
    }
}

стили моего плагина не применяются

Свежее