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

Question

我试图在我的结帐页面上修改 h3、正文和购物车详细信息的字体颜色，我之前就有过，但这条线似乎覆盖了我以前的风格。这就是我想要实现的

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

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

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

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
}