WooCommerce頁面css文件

我試圖重新排列我的WooCommerce頁面的佈局，特別是單個產品頁面。但我無法找到CSS代碼的位置。我在尋找：WooCommerce頁面css文件

class="woocommerce-tabs wc-tabs-wrapper"

爲woocommerce-tabs wc-tabs-wrapper CSS文件。

來源

2016-05-29 jasper jasper

您能提供一個到您的網站的鏈接嗎？編輯你的問題... – LoicTheAztec

我做它本地但WordPress的\ wp內容\插件\ woocommerce \模板\單產品\標籤該類是在tabs.php，我只是想改變它的css文件 –

永不覆蓋woocommerce文件位於插件文件夾！（看我的答案）。 – LoicTheAztec

的woocommerce CSS文件位於woocommerce插件文件夾：

woocommerce>資產> CSS> woocommerce.css
woocommerce>資產> CSS> woocommerce-layout.css中

覆蓋WooCommerce的CSS規則：
但是，如果你想覆蓋這個規則，最好只是複製你想改變的規則在你的style.css位於活動的兒童主題或主題內的文件，如果需要，請將!important屬性添加到這些覆蓋規則中。
也在一些主題中，他們自定義此規則。因此，在這種情況下，你需要找到你的父母活動主題的CSS文件的規則......

編輯woocommerce模板文件：您需要到位於woocommerce插件這裏面templates文件夾複製到活動的子主題或主題文件夾，重命名，它woocommerce：

Overriding Templates via a Theme

注：在一些高級的主題，這woocommerce文件夾已經存在，因爲他們已經定製了這個模板...

來源

2016-05-29 16:13:54 LoicTheAztec

作爲在所有地方添加'！important'的替代方案，您可以排列具有更高/更高優先級的樣式表，以便它在* woocommerce樣式表之後出現。 – helgatheviking

@helgatheviking是的，我完全同意。但對於初學者來說，這只是一件更復雜的事情。謝謝：） – LoicTheAztec

WooCommerce頁面css文件

回答

相關問題