我們最近已將Wordpress電子商務網站(woocommerce)從舊的/寬松的自定義主題遷移到了Avada。

我們可以輕松地在Fusion Builder中重建所有內容(頁面和產品), 并且使用自定義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代碼已足夠：

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的方式將是首先使用子主題, 然后：

將替代樣式添加到子主題的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 );

總結

以上是生活随笔為你收集整理的avada functions.php,Avada(Wordpress主题)编译了CSS：它是从哪里编译的？ - WordPress - srcmini...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。