如何更改 WordPress/woocommerce 插件中 Stripe 支付网关的背景颜色？

Question

这是我近 10 年来的第一个 WordPress 网站。我有点生锈了。我想使用 CSS 来更改 WooCommerce/Stripe 支付网关。我似乎找不到需要更改的元素。

我正在处理的页面在这里：https://anonymouse.ninja/checkout/。您可以在那里查看源代码。我不想复制并粘贴整个源文件。

这是我正在做的事情的图片。

您可以在上图中看到我已经成功地将相当多的背景更改为灰色。灰色只是暂时的。最终，我希望它看起来像黑色背景上的白色文本。我想知道更改其余背景颜色和边框的 CSS 代码。我也愿意接受您可能需要实现我的目标的其他想法。

我遇到问题的主要原因之一是因为我在结帐页面使用 WooCommerce 短代码。这意味着 WordPress 编写 HTML。据我所知，我对 WordPress 的唯一选择是稍后使用“附加 CSS”添加样式。

说实话，我什至不知道主题的 style.css 中有什么。我一直在使用 FireFox“检查”工具来查找我想要使用 WordPress 的“附加 CSS”工具设置样式的类。

这是我添加到 WordPress 定制器中关于网站这一部分的“附加 CSS”。

    .woocommerce-checkout-payment label.woocommerce-form__label,
    .woocommerce-checkout-payment p,
    .woocommerce-checkoout-payment ul,
    .woocommerce-checkout-payment li
    {
    background: #505050;
    }

我尝试使用此代码作为边框但失败了：

#payment,
.woocommerce-checkout-payment ul.wc_payment_methods.payment_methods.methods
{
border-color:#505050;
}

我一直在努力让黑色背景与 Woocommerce 插件一起使用。我终于把一切都弄清楚了，除了最后一点。我只是找不到正确的代码来完成这项工作。我将非常感谢您能给我的任何帮助。

非常感谢您的宝贵时间，

弗雷德

Answer 1

如果您使用的是WooCommerce Stripe Payment Gateway插件，您可以按照此指南更改付款表单的样式。