css - WooCommerce 页面 CSS 文件

标签 css wordpress templates woocommerce css-selectors

我正在尝试重新安排我的 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/

相关文章:

css - 如何让溢出隐藏起来工作

html - THEAD TBODY 和 COLSPAN 的 CSS 边框问题

css - Wordpress:页面标题出现两次

php - 样式表无法正确加载(子主题)

c++ - 模板 (.tpp) 文件包括 guard

jquery - 使用 CSS 的流体宽度菜单

html - 焦点 HTML/CSS 上的图像下方出现黑条

php - Woocommerce 中基于自定义字段的动态价格计算

templates - 如果标签名称中包含 ".",我如何获取 Docker 镜像的标签?

c++ - 非推导上下文中模板参数推导的解决方法