2016-12-26 80 views
1

我们最近将我们的Wordpress电子商务网站(woocommerce)从旧的/错误的自定义主题迁移到Avada。
我们很容易地在Fusion Builder中重建了所有的东西(页面和产品),并且使用自定义CSS进行调整非常简单。Avada(WordPress主题)编译CSS:它从哪里编译?

但有一些松散的线程,有一个让我完全难住。

有一个WooCommerce元素在某处变得风格化。
.product .entry-summary div .price{}
我不能覆盖它(试过!important),我似乎无法找到该规则是原本写的。

这就是说,当我用浏览器工具检查它时,主要规则在
.../wp-content/uploads/avada-styles/avada-1069.css”中找到。
当我打开CSS,有在那说,文档顶部的整块:“阿瓦达索 - ### CSS”
/********* Compiled - Do not edit *********/

有一个摆在该目录中的文件。
他们都似乎有一些编制规则。

从哪里编译?
我在哪里可以找到源文件来正确编辑它?

注:

我曾两次试图联系为主题,融合支持(阿瓦达索主题的作者),并有单不敢接的响应。
已经有几个星期了,所以现在我很绝望。

回答

2

/avada-1069.css文件源。

/*** Compiled - Do not edit ***/让你知道tho文件是主题核心的一部分。当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。它打破了覆盖层次结构。你也可以张贴代码为您的规则,并为乡亲在偷看源规则。

+1

事实证明,毕竟,我的问题是chaching ......认为我们已经解决这一点,但忘记了自己增加了一个CDN层: j - 谢谢@mikerose的回应。你完美的回答我问的问题,所以我将其标记为接受的答案。 – mOrloff

0

似乎主题是动态生成样式表,所以直接编辑不会是一个选项(因为它们会改变)。

我不知道所有的动态样式表加载,但WordPress的方式是首先使用child theme,然后:

  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); 
+0

是。 a)这些是动态生成的。直接编辑不是一种选择。 b)我们正在使用儿童主题。 - 感谢'functions.php'见解...我会考虑这样做 – mOrloff