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文件

回答

相关问题