Woocommerce不使用子主題CSS

兒童主題文件樹：

我的孩子主題的functions.php看起來是這樣的：

<?php 
add_action('wp_enqueue_scripts', 'sydney_child_enqueue'); 
function sydney_child_enqueue() {  
    wp_enqueue_style('parent-style', get_template_directory_uri() . '/style.css'); 
} 
add_action('after_setup_theme', 'woocommerce_support'); 
function woocommerce_support() { 
    add_theme_support('woocommerce'); 
} 

/* ADD YOUR CUSTOM FUNCTIONS BELOW */ 

/* Remove woocommerce breadcrums */ 
add_action('init', 'jk_remove_wc_breadcrumbs'); 
function jk_remove_wc_breadcrumbs() { 
    remove_action('woocommerce_before_main_content', 'woocommerce_breadcrumb', 20, 0); 
} 

/* Remove woocommerce list order box */ 
remove_action('woocommerce_before_shop_loop', 'woocommerce_catalog_ordering', 30); 

/* Remove wocommerce page title */ 
add_filter('woocommerce_show_page_title' , 'woo_hide_page_title'); 
function woo_hide_page_title() { 
return false; 
} 
/* Remove woocommerce kazko isemimas */ 
remove_action('woocommerce_before_shop_loop', 'woocommerce_result_count', 20); 

/* Remove woocommerce add to cart button */ 
remove_action('woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart'); 
remove_action('woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30);

我modyfying非woocommerce頁面樣式像這樣（的主題有一個定製的安裝，所以它有點難以改變一些東西）：

.page #masthead { 
background-color: red !important; 
padding: 15px; 
}

我遇到的問題是：woocommerce頁面（例如單個產品頁面）未加載/使用修改的子主題的CSS。

也許我在設置子主題時做錯了什麼？有沒有辦法來覆蓋主題的定製程序的CSS？

來源

2017-02-05 Aivaras P

如果這是你的實際代碼比放;前重要的，所以這樣的：

.page #masthead { 
    background-color: red; !important 
    padding: 15px; 
}

如果不是：您woocommerce頁面不是在所有或只是其中的某些部分反應，自定義CSS？

它可以使woocommerce樣式表重寫你的孩子爲主題的板材通過更針對性例：

div.product { 
    background-color: red; 
}

也許得到的由

.woocommerce div.product { 
    background-color: green; 
}

發生在我身上覆蓋之前

來源

2017-02-05 10:31:06 Balint

！重要標籤應該留在屬性內（之前;）。我做了一個更有針對性的造型，它做了伎倆。我將不得不復制一些樣式，但這會做，謝謝:) –

Woocommerce不使用子主題CSS

回答

相關問題