Html 如何获得产品名称（Woo Commerce）以白色文本显示

我对wordpress、html等都是新手，所以我学习得很慢，但很有把握。目前，在我的企业网站上工作时，商店页面列出了6个项目，但没有列出项目的标题。只有照片本身。标题的背景和文本颜色均为#2222。我正在尝试更改标题的文本颜色，即

h2

。标题的名称为

h2.woocmerce-loop-product\u title

，如inspector中所示

我尝试过的代码都不起作用，那么如何正确地重新格式化文本颜色呢

---

我尝试过的代码：

h1,
h2,
h3,
h4,
h5,
h6{
  font-family: 'Krub', sans-serif;
  margin:0;
  padding:10px 0;
  color: #FFFFFF;
  font-weight: bold;
}

---

您需要编辑此类：

h2.woocommerce-loop-product__title, .woocommerce div.product .product_title {
    color: #ffffff;
    letter-spacing: 1px;
    margin-bottom: 10px !important;
}

旧类是：

h2.woocommerce-loop-product__title, .woocommerce div.product .product_title {
    color: #0000;
    letter-spacing: 1px;
    margin-bottom: 10px !important;
}

---

因此，我将颜色从

#000000

更改为

#fffffff

，您可以通过导航到主题的style.css文件来更改颜色。我希望您可以通过FTP客户端访问该文件。使用FTP或cPanel登录到您的服务器，然后转到您的webiste安装根目录/wp-content/themes/vw-gardening-gramming/style.css。联机#1272并将颜色属性更改为#fff

如果您没有登录wp admin的权限，请导航到外观>编辑器。在那里，您可以看到sytle.css将第1272行的属性更改为#fff

我知道这不是编辑主题核心文件的标准做法，但如果你不能或没有创建，你必须这样做

您可以将自己的样式表设置依赖项列为theme的style.css，并将规则重写为

h2.woocommerce-loop-product__title, .woocommerce div.product .product_title {
color: #fff !important; }

---

如果您需要进一步帮助，请告诉我。

在我看到您的答案之前，我在谷歌上搜索了很多。似乎有很多方法可以修复它，但这是我使用的方法：

h1,
h2,
h3,
h4,
h5,
h6{
  font-family: 'Krub', sans-serif;
  margin:0;
  padding:10px 0;
  color: #FFFFFF;
  font-weight: bold;
}


h2.woocommerce-loop-product__title, .woocommerce div.product .product_title {
  color:#FFFFFF;
  letter-spacing:1px;
  margin-bottom:10px !important;
}

---

他可能需要添加

！重要信息

根据WordPress中的不同情况。他可以尝试添加父元素

woocmerce-loop-product\u链接

，以增加这种情况下的特异性。覆盖。无需添加

！重要信息

，我在实时wwebsite中尝试，效果良好您尝试的代码将覆盖所有标题元素，这不是您想要的：）