Avada(WordPress主题)编译了CSS(它是从哪里编译的())

我们最近已将Wordpress电子商务网站(woocommerce)从旧的/宽松的自定义主题迁移到了Avada。
我们可以轻松地在Fusion Builder中重建所有内容(页面和产品), 并且使用自定义CSS进行调整非常简单。
【Avada(WordPress主题)编译了CSS(它是从哪里编译的())】但是有一些松散的线程, 其中一个使我完全陷入困境。
有一个WooCommerce元素正在某处进行样式设置。
.product .entry-summary div .price {}
我无法覆盖它(尝试过!重要), 而且似乎找不到该规则的原始编写位置。
就是说, 当我使用浏览器工具进行检查时, 在
” … / wp-content / uploads / avada-styles / avada-1069.css” 。
当我打开CSS时, 文档顶部有一个完整的块, 上面写着:
” / *********已编译-不要编辑********* /”
该目录中有许多” Avada-###。css” 文件。
他们似乎都有一些已编译的规则。
那是从哪里编译的?
在哪里可以找到要正确编辑的源文件?
我已经两次尝试联系主题融合支持部门(Avada主题的作者), 但没有收到任何回复。
已经好几个星期了, 所以现在我很绝望。
#1/avada-1069.css文件是源。
/ ***已编译-不要编辑*** /会让你知道tho文件是主题核心的一部分。 Avast更新时, 对它的更改可能会被覆盖, 并且可能会破坏功能。
如果你需要进行主题的” 自定义CSS” 字段不支持的更改, 请创建一个基本的子主题。样板函数.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表单中的语句将覆盖父主题中的语句。主题更新后, 你的孩子将保持不变并继续做它的工作。
在此之前, 你可能会受益于查看CSS特殊性的细节。它分解了覆盖层次结构。你也可以发布规则的代码以及供人们查看的源规则。
#2好像主题是动态生成样式表, 因此直接编辑将不是一个选择(因为它们无论如何都会改变)。
我不确定所有动态样式表都将加载什么, 但是WordPress的方式将是首先使用子主题, 然后:
  1. 将替代样式添加到子主题的style.css和/或,
  2. 完全从子主题的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 );

    推荐阅读