【问题标题】:CSS - Unable to change background colour of DIV - WooCommerce product description [closed]CSS - 无法更改 DIV 的背景颜色 - WooCommerce 产品描述 [关闭]
【发布时间】:2016-07-23 03:30:15
【问题描述】:

这可能是一个非常简单的修复方法,但我已经查看了所有内容,但无法使其正常工作。问题在于 wordpress 中的 WooCommerce,我相信我的整体 CSS 超过了 WC,并导致我出现一些颜色问题。

这是页面 - http://www.chaotopia.com/product/connect-your-breath-bklt-cd/

我正在尝试将产品描述的背景从白色更改为#272727,并将文本更改为#ffffff。此外,您还可以看到所选选项卡是白色的,文本也不理想。

我假设这是一个 CSS 问题,我尝试了各种方法,但无法正常工作。

有人可以指导我在哪里以及我需要编辑什么来解决这个问题吗?

非常感谢!

【问题讨论】:

  • 寻求代码帮助的问题必须在问题本身中包含重现它所需的最短代码。虽然您提供了link,但如果该链接失效,您的问题对于未来遇到相同问题的其他 SO 用户将毫无价值。
  • 我同意 Paulie_D 的观点。此外,这似乎与纯 CSS 比 WooCommerce 更相关。请记住,您的主题样式表可能会在 WooCommerce 样式表之前加载,这可能会导致您的样式被 WooCommerce 的样式覆盖,而没有更多的特异性 !important,或者在 WooCommerce 加载其 css 之后加载特殊样式表。
  • 您好,我也同意您的观点,但是对于现在需要将所有不同样式表插入的代码的位置,我有点卡住,因此我还没有提供示例代码。我什至不知道导致颜色处于当前状态的代码在哪里。 :)

标签: css wordpress colors


【解决方案1】:

在活动主题的样式表中使用以下 css

.woocommerce div.product .woocommerce-tabs .panel{
background-color: #272727;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
background-color: #d3ced2;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{
color:#272727;
}

这应该可以解决问题。您可以将颜色值更改为所需的值。

编辑:

.single-product.woocommerce #primary div.product .woocommerce-tabs .panel{
background-color: #272727;
}
.single-product.woocommerce #primary div.product .woocommerce-tabs ul.tabs li{
background-color: #d3ced2;
}
.single-product.woocommerce #primary div.product .woocommerce-tabs ul.tabs li.active a{
color:#272727;
}

【讨论】:

  • 您好,谢谢您的回复 我刚刚尝试过,但似乎没有用。我真的把它放在了我的主题文件夹中的样式表中。我只是把它放在工作表的底部,这可能是我出错了。有什么想法吗?
  • 试试新的 CSS。让我知道它是否有效。
  • 不幸的是仍然无法正常工作,以确认我将其放置在以下位置:首页 chaotopia.com/wp-content/themes/zerif-pro/style.css 我只是将其放置在底部,那是正确的地方吗?再次感谢您的帮助。
  • 我可以看到您网站页面上的更改(标签文本颜色除外)。尝试刷新页面。可能不会在您的浏览器中获取更新的 CSS。试试 Control+F5。
  • 您好 刚刚在两个不同的浏览器和手机上试过肯定没有生效,除非我们的电线交叉?只是为了确认我希望产品描述的背景从白色更改为与网站的背景相匹配,因此这里不应该有白色部分。此外,我尝试过之后并没有将代码留在那里,所以它不应该显示它。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2021-12-08
  • 1970-01-01
  • 2013-11-25
  • 1970-01-01
  • 1970-01-01
  • 2021-12-11
  • 2018-02-21
相关资源
最近更新 更多