wordpress 产品页面上的自定义文本颜色

Posted 2023-02-22

【中文标题】wordpress 产品页面上的自定义文本颜色

【英文标题】：Custom text colors on wordpress product page

【发布时间】：2022-01-23 23:09:04

【问题描述】：

我对这一切真的很陌生，所以请记住这一点：/

我已经从主题 (blocksy) 中删除了“添加到购物车”按钮，以便能够在产品页面本身的“简短描述”文本下添加我自己的按钮（我需要 2 个“下载”按钮，一个用于用于 PC 的 mac 之一）。这是我在简短描述中使用的代码：

下载 Mac 窗口

现在文本接缝与背景颜色相同（如下所示：https://zerocentsaudio.com/produit/tunefish-4/

我找不到改变文本颜色的方法。

非常感谢。

【参考方案1】：

您的按钮before 选择器有一个content。试试这个代码来取消它。

.theme-blocksy .button:before
    content: unset;

【参考方案2】：

您可以执行以下操作：

希望能帮到你

.theme-blocksy .button:before 
  opacity:0;

【参考方案3】：

在那个特定按钮上有点精确-

.woocommerce-product-details__short-description .button 
    color: red;
    background-color: #eee;


.woocommerce-product-details__short-description .button:before 
    content: unset;

【讨论】：

谢谢你们的帮助，我已经尝试过了，但看起来背景颜色正在“接管”（或者可能在顶部？），即使不透明度为 0，它仍然不会显示按钮上的文字。出于某种原因，它确实可以在移动设备上运行？ ...

可能是您的桌面浏览器缓存了 CSS。尝试通过按下 CTRL/CMD 并同时按下重新加载图标来进行硬重新加载（或从隐身模式访问页面）。如果仍然没有运气，您可以添加 'content: unset !important;'应该覆盖其他声明的声明。注意：您的服务器正在缓存我猜的以前的 CSS。新的 CSS 声明根本没有加载。