CSS更改WooCommerce变体下拉文本颜色WP主题覆盖

时间:2016-04-05 15:19:42

标签: css wordpress woocommerce themes

直接问题,我有Zerif Pro for WP,它有一个可爱的部分来自定义文本颜色。然而,这似乎超越了某些我希望成为不同颜色的领域。

我遇到的问题是这个页面http://www.chaotopia.com/product/aromatics-zodiac-incenses/(包括页面而不是css,因为不确定哪个部分受到影响)

如您所见,下拉列表显示为空白,因为文本为白色白色。我在产品数量上有类似的问题,但设法找到并通过在主样式表中添加黑色作为自定义颜色来解决它。

不幸的是,我无法找到为变化下拉列表添加自定义颜色的位置,并使文本变黑以便可以看到。我打算在多个产品上使用变体,所以理想的是希望任何列表全局都有黑色文本。

提前谢谢!

1 个答案:

答案 0 :(得分:0)

在HTML源代码的第338行,您有<style>块,其中包含规则..., select, ... { color: #ffffff; }

这使得<select>元素中的文本变为白色,但它也是为许多其他元素设置文本颜色的规则。因此仅仅将其更改为color: #000000;是不够的 - 这也会影响许多其他元素。

相反,您只需要为<select>元素覆盖此规则。一种方法是在第338行之后加载的CSS样式表中添加select{ color: #000000; },从而覆盖第一个规则。另一种方法是在任何CSS样式表中添加select { color: #000000 !important; }。我会推荐前者,因为!important规则可能导致进一步的混乱。