我正在尝试重新安排我的 WooCommerce 页面的布局,特别是单个产品页面。但是我找不到CSS代码在哪里。我在寻找:
class="woocommerce-tabs wc-tabs-wrapper"
woocommerce-tabs wc-tabs-wrapper
的 css 文件。
最佳答案
woocommerce CSS 文件位于 woocommerce 插件文件夹中:
- woocommerce > assets > css > woocommerce.css
- woocommerce > assets > css > woocommerce-layout.css
覆盖 WooCommerce CSS 规则:
但是,如果您想覆盖此规则,最好只需将要更改的规则复制到位于事件子主题或主题内的 style.css
文件中,添加 !important
如果需要,可将其归于这些覆盖规则。
同样在某些主题中,他们自定义了此规则。因此,在这种情况下,您需要在父事件主题的 css 文件中找到该规则……
编辑 woocommerce 模板文件:您需要将位于 woocommerce 插件内的此 templates
文件夹复制到您的事件子主题或主题文件夹,并将其重命名为 woocommerce
:
Overriding Templates via a Theme
注意:在一些高级主题中,这个woocommerce
文件夹已经存在,因为他们已经自定义了这个模板......
关于css - WooCommerce 页面 CSS 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37511410/