Стили темы выше стилей плагинов, поэтому переопределение не срабатывает
Столкнулся с такой проблемой, пытаюсь переопределить стили плагина в дочерней теме, но не получается, т.к. если открыть код страницы, видно, что файл css плагина идет в самом низу ближе к , а стили темы выше.
Думал может неправильно стили дочерней темы подключил, но включив саму родительскую тему (treville) вижу что тут также стили темы выше стилей плагина (Yet Another Related Posts Plugin (YARPP))
Это сама тема криво написана? Как это можно исправить? Пока собираюсь использовать !important в css, но хотелось бы причину устранить.
Всегда можно переопределить стили, есть много способов
Добавить к блоку id и прописывать стили типо
#my_id .class1 .class2 {...}иногда можно добавить !important вконце
body{ font-size: 100px!important; }Так же можно подключать стили указав приоритет как при загрузке скриптов последними как тут:
add_action( 'wp_enqueue_scripts', 'fruitful_load_parent_stylesheets', 10 ); add_action('wp_enqueue_scripts', 'fruitful_load_child_stylesheets', 20 );Или так:
function wpse218610_theme_styles() { $parent_style = 'parent-style'; wp_enqueue_style( $parent_style, get_template_directory_uri() . '/woocommerce/woo.css' ); wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/woocommerce/woo.css', array( $parent_style ) ); } add_action( 'wp_enqueue_scripts', 'wpse218610_theme_styles' );