我們最近將我們的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 *********/」

有一個擺在該目錄中的文件。
他們都似乎有一些編制規則。

從哪裏編譯？
我在哪裏可以找到源文件來正確編輯它？

注：

我曾兩次試圖聯繫爲主題，融合支持（阿瓦達索主題的作者），並有單不敢接的響應。
已經有幾個星期了，所以現在我很絕望。

來源

2016-12-26 mOrloff

的/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。它打破了覆蓋層次結構。你也可以張貼代碼爲您的規則，併爲鄉親在偷看源規則。

來源

2016-12-27 01:39:27 mikerose

事實證明，畢竟，我的問題是chaching ......認爲我們已經解決這一點，但忘記了自己增加了一個CDN層： j - 謝謝@mikerose的迴應。你完美的回答我問的問題，所以我將其標記爲接受的答案。 – mOrloff

似乎主題是動態生成樣式表，所以直接編輯不會是一個選項（因爲它們會改變）。

我不知道所有的動態樣式表加載，但WordPress的方式是首先使用child theme，然後：

添加覆蓋樣式應用到子主題的style.css和/或，
完全來自你的孩子主題的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);

來源

2016-12-26 23:59:59 jami0821

是。 a）這些是動態生成的。直接編輯不是一種選擇。 b）我們正在使用兒童主題。 - 感謝'functions.php'見解...我會考慮這樣做 – mOrloff

Avada（WordPress主題）編譯CSS：它從哪裏編譯？

注：

回答

相關問題