Return to previous page

How do I change the colour of the Stripe payment box?

This topic has 6 replies, 4 voices, and was last updated 1 month, 1 week ago ago by Tony Rodriguez

nmble

Participant

December 11, 2025 at 22:54

I can’t see the text colour on the white Stripe payment box as it’s white, how do I change the text colour?

Also, how do I change the placeholder text in the Credit Card, Exp Date and CVC text fields so it’s more visible?

Please, contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#462345 Copied

5 Answers

Samir Malik

Support staff

December 12, 2025 at 04:20

Hello,

The Stripe payment form’s HTML code is loaded within an iframe, so you will need to use custom PHP code to modify the placeholder text color. Please refer to the following solution for guidance: https://wordpress.org/support/topic/change-credit-card-placeholder-styling/

Best regards,
8Theme Team

#462354 Copied

nmble

Participant

December 12, 2025 at 05:15

Okay, sure.

Is there any way to change label colours because the text is white, on a white background so you can’t see it. Alternatively, is there a way where I can change the Stripe payment background to a darker colour instead of white?

Screenshot attached – I’ve highlighted the text so you can see it.

Files is visible for topic creator and
support staff only.

#462357 Copied

Jack Richardson

Support staff

December 12, 2025 at 08:00

Hello @nmble,

The payment form generated by our Stripe extension and displayed on the checkout page is hosted on a separate PCI-compliant server. Therefore, applying custom CSS styles directly to the payment form will not have the desired effect.

To adjust the appearance of the payment fields, you will need to add custom PHP code to your theme’s functions.php file or use a plugin such as Code Snippets.
You can find more information here: https://woocommerce.com/document/stripe/customization/style-payment-form/

If you require our assistance, please feel free to contact us.

Best regards,
Jack Richardson
The 8Theme’s Team

#462364 Copied

nmble

Participant

December 20, 2025 at 10:05

Thanks for the support! My topic “How do I change the colour of the Stripe payment box?” has been successfully resolved.

#462897 Copied

Tony Rodriguez

Support staff

December 20, 2025 at 10:05

Dear nmble,

It’s great having you in our WordPress & WooCommerce community!

Every insight you share helps us refine XStore and build tools that empower thousands of online store owners worldwide.

Leave Feedback →
(takes less than a minute)

Together, we grow stronger with every release.

Topic closed.
The 8Theme Team

#462898 Copied
Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘How do I change the colour of the Stripe payment box?’' has been successfully resolved, and the topic is now closed for further responses

How do I change the colour of the Stripe payment box?

Explore our best WordPress WooCommerce Themes collection