CSS - 无法更改 DIV 的背景颜色 - WooCommerce 产品描述

标签 css wordpress colors

<分区>


关闭 7 年前

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

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

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

我假设这是一个 CSS 问题我已经尝试了各种方法但无法让它工作。

有人可以指导我解决此问题需要编辑的位置和内容吗?

非常感谢!

最佳答案

在事件主题的样式表中使用以下 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 - 无法更改 DIV 的背景颜色 - WooCommerce 产品描述,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36388276/

上一篇:css - 我怎样才能使移动菜单填充 Wordpress 屏幕宽度的 50%?

下一篇:php - 将 css 文件添加到 Kohana 模板

相关文章:

javascript - 添加脚本代码到Wordpress

php - 如何将ajax添加到wordpress主题

MySQL 错误 #1064 靠近 UNION 版本 : 5. 5.27

html - 在 twitter bootstrap 3 中更改堆叠导航药丸的背景颜色

html - 我如何防止这个栏杆被打破?

javascript - 如何在该网页标题的帖子中执行给定数据

html - 如何在 CSS 中使用 flex 制作 2 列布局?

android - 应用程序中的动态颜色

java - Selenium 无法检测 SAP 表内的颜色

css - CSS 中的双色调字体着色?