如何在 woocommerce 结帐页面中编辑字体颜色

Question

我正在尝试修改结帐页面上的 h3、正文和购物车详细信息的字体颜色，我之前就有过，但这条线似乎覆盖了我以前的样式。 This is what im trying to achieve

https://intiwallets.com/checkout/

.et_pb_bg_layout_dark, .et_pb_bg_layout_dark h1, .et_pb_bg_layout_dark h2, .et_pb_bg_layout_dark h3, .et_pb_bg_layout_dark h4, .et_pb_bg_layout_dark h5, .et_pb_bg_layout_dark h6 {
   color:#FFF !important;
}

如果我取消检查我的常规样式是否正确显示。 Print

我尝试了这些行来修复它，但没有解决问题，因为订单详细信息仍然显示为白色，与信用卡网关标签相同。 Print

div.woocommerce h3 {
    color:#222222!important;
}

div.woocommerce p {
    color:#404040
}

li.wc_payment_method.payment_method_wocommerce_yape_peru, li.wc_payment_method.payment_method_bank_transfer_1, 
li.wc_payment_method.payment_method_bank_transfer_2, 
li.wc_payment_method.payment_method_bank_transfer_3 {
  color: #404040!important;  
}

也试过了，但它覆盖了我所有其他页面设置。

.et_pb_bg_layout_dark
{
color: #404040!important
    }

提前致谢，如有任何反馈，我们将不胜感激。

Answer 1

这解决了问题。

div.woocommerce-checkout-review-order {
color: #404040!important
}

div.woocommerce h3 {
    color:#222222!important;
}

div.woocommerce p {
    color:#404040
}