CSS - 无法更改DIV的背景颜色 - WooCommerce产品说明

Question

这可能是一个非常简单的修复，但我已经看了一遍，我无法让它工作。问题在于WordPress中的WooCommerce，我相信我的整体CSS已经超过了WC并导致了一些颜色问题。

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

我正在尝试将产品说明的背​​景从白色更改为＃272727，将文本更改为#ffffff。此外，您还可以看到所选选项卡是白色的，因为文本不理想。

我认为这是一个CSS问题，我尝试过各种各样的事情，但无法让它发挥作用。

有人可以指导一下我需要编辑的地点和内容来修复此问题吗？

非常感谢！

Answer 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;
}

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

编辑：

＆＃13;

＆＃13;

.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;
}

＆＃13;

＆＃13;

＆＃13;