Посмотрел Вашу тему
Relia.
Не самая лучшая организация темы с ее кучей файлов стилей. Зачем, если все можно собрать в одном style.css, как это сделано, н-р, в Storefront.
Ладно, работаем с тем что есть.
Создаем дочернюю тему.
1. В папке \wp-content\themes\relia-child создаем файл style.css с содержимым
HTML:
/**
* Theme Name: relia Child Theme
* Template: relia
*/
@import url('../relia/style.css');
/* изменения для стилей вносим в файл custom-style.css */
2. В файлах стилях темы, н-р, \wp-content\themes\relia\inc\css\style.css некоторые стили прописаны с !important, Поэтому для переопределения стилей требуется, чтобы они были загружены позже.
Подключим дополнительный файл стилей, который должен подгружаться самым последним и в котором будем переопределять любые стили. Создаем файл \wp-content\themes\relia-child\functions.php с содержимым
PHP:
<?php
// подключим свой файл стилей в самом конце
add_action( 'wp_enqueue_scripts', 'custom_css_relia_child', 9999 );
function custom_css_relia_child() {
wp_enqueue_style('custom-style-relia-child', get_stylesheet_directory_uri() . '/custom-style.css');
}
3. Создаем наш дополнительный файл стилей (\wp-content\themes\relia-child\custom-style.css) в который будем вносить переопределения стилей. Пару примеров в custom-style.css
HTML:
/* custom css */
/* Переопределяем стили из \relia\inc\css\style.css*/
.woocommerce .product .onsale {
top:20px !important;
}
/* Переопределяем стили из woocommerce.css */
.woocommerce ul.products li.product a img {
margin: 0 0 1.5em;
}
Пример переопределения стилей из woocommerce.css (
см.скриншот)
Выводы.
1.Никакие файлы стилей темы или плагинов (woocommerce.css и т.д.) не переписываются в нашу дочернюю тему.
2. Необходимые стили модифицируются в нашем файле custom-style.css.
3. При обновлении темы или плагинов наши стили никуда не пропадут.