Help with Payment Field Text Color in Stripe Plugin

Hi Tom,

I totally understand how frustrating it is to have unreadable text on your checkout page, especially when everything else is working smoothly.

The reason your custom CSS isn’t affecting the Stripe fields is because those payment inputs are rendered inside a secure iframe hosted on Stripe’s PCI-compliant servers. That setup protects sensitive payment data, but it also means regular CSS from your theme won’t apply to those fields.

To change the styling, you’d need to use custom PHP to modify the Stripe Elements styling via a filter, typically added to your theme’s functions.php file or through a plugin like Code Snippets.

That said, providing or debugging custom code falls outside the scope of our support. If you’d like to explore that route, I can recommend WooExperts and Codeable.io as options for getting professional help.

I hope that helps. Let us know if you need anything else.

Hi there!

Thanks for the reply, are you able to advise on what the code is that needs to be styled via code snippets?

Here is a helpful guide on how to change the color using code:
https://woocommerce.com/document/stripe/customization/style-payment-form/#section-5

If you need more in-depth support or want to consider professional assistance for customization, I can recommend WooExperts and Codeable.io as options for getting professional help. Alternatively, you can also ask your development questions in the  WooCommerce Community Slack as custom code falls outside our usual scope of support.

Also, can I request that the plugin is updated with the ability to change the text colour, even if its only black and white colours.

Thank you for your suggestion! That’s a great idea. While the option to change the text color isn’t currently built into the plugin, you can submit a feature request directly to our development team here:

👉 Submit a Stripe feature request

This way, the request goes straight to the team that reviews and prioritizes new functionality for future releases.

Hi @justideaagency

I understand that you have a somewhat similar problem.

However, per forum best practices shown here, it is advised that you create a new thread so that we can address your issue(s) separately.

You can create a new thread here: https://ww.wp.xz.cn/support/plugin/woocommerce/#new-topic-0 and make sure to include as much information as you can.

Also, I’ve tested this on my end by changing the font style using the code provided in our documentation here: Customizing the Payment Form, and I can confirm that the styling changes are working correctly with the latest version (9.8.1).

Thanks for understanding!