Avada (Wordpress theme) скомпилированный CSS: откуда он скомпилирован?

Question

Недавно мы перенесли наш сайт электронной коммерции Wordpress (woocommerce) в Avada из старой/баггиной настраиваемой темы.
Мы получили все (страницы и продукты), перестроенные в Fusion Builder довольно легко, и настройка с помощью пользовательского CSS довольно проста.

Но есть несколько сыпучих нитей, и у меня есть ПОЛНОСТЬЮ тупик.

Элемент WooCommerce, который где-то оформляется.
.product .entry-summary div .price{}
Я не могу переопределить его (пробовал !important), и я не могу найти, где это правило первоначально написано.

Это, как говорится, когда я проверяю его с помощью инструментов браузера, преобладающее правило находится в
«.../wp-content/uploads/avada-styles/avada-1069.css».
Когда я открываю, что CSS, есть целый блок в верхней части дока, который говорит: «Авада - ### CSS»
«/********* Compiled - Do not edit *********/»

Есть убивание файлы в этом каталоге.
У всех, похоже, есть некоторые из этих скомпилированных правил.

Где это скомпилировано?
Где я могу найти исходный файл, чтобы его правильно отредактировать?

Примечание:

Я дважды пытался связаться со службой поддержки темы фьюжн (автор темы Авада), так и не получил ни одного ответа.
Прошло несколько недель, так что теперь я в отчаянии.

Answer 1

/avada-1069.css файл является источник.

/*** Compiled - Do not edit ***/ дает вам знать, что файл является частью ядра темы. Изменения в нем могут быть перезаписаны при обновлении Avast и есть возможность нарушения функциональности.

Если вам нужно внести изменения, которые не поддерживаются полем пользовательского CSS темы, создайте базовый child-theme. Шаблонный functions.php и код styles.css достаточно:

<?php 
function my_theme_enqueue_styles() { 

    $parent_style = 'parent-style'; 

    wp_enqueue_style($parent_style, get_template_directory_uri() . '/style.css'); 
    wp_enqueue_style('child-style', 
     get_stylesheet_directory_uri() . '/style.css', 
     array($parent_style), 
     wp_get_theme()->get('Version') 
    ); 
} 
add_action('wp_enqueue_scripts', 'my_theme_enqueue_styles'); 
?> 

и

/* 
Theme Name: Avast Child 
Theme URI: http://example.com/avast-child/ 
Description: My First Child Theme :) 
Author:  John Doe 
Author URI: http://example.com 
Template:  avast 
Version:  1.0.0 
License:  GNU General Public License v2 or later 
License URI: http://www.gnu.org/licenses/gpl-2.0.html 
Tags:   whatever, blah 
Text Domain: avast-child 
*/ 

.product .entry-summary div .price{ ... } 

Заявление в CSS листа ребенок тематического будет перезаписывать те в родителе. Когда тема обновляется, ваш ребенок остается неизменным и продолжает выполнять свою работу.

Прежде чем это сделать, вы можете воспользоваться обзором Specifics on CSS Specificity. Он разбивает иерархию перезаписи. Вы также можете опубликовать код для своего правила и правило источника для просмотра людьми.

Answer 2

Кажется, что тема динамически генерирует таблицы стилей, поэтому редактирование напрямую не будет вариантом (потому что они будут меняться в любом случае).

Я не уверен, что все динамические таблицы стилей загружается, но WordPress путь будет первым использовать child theme, а затем:

1. Добавить переопределение стилей для вашего ребенка ТЕМЫ style.css и/или,
2. De-регистр таблицы стилей родительской темы в полностью из functions.php файла вашей дочерней темы и использовать свои собственные стили в дочерних темах style.css:

(Где avada-dynamic-css является дескриптором зарегистрированной темы)

function yourname_unhook_parent_style() { 
    wp_dequeue_style('avada-dynamic-css'); 
    wp_deregister_style('avada-dynamic-css'); 
} 
add_action('wp_enqueue_scripts', 'yourname_unhook_parent_style', 20);