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

This topic has 4 replies, 3 voices, and was last updated 9 hours, 34 minutes ago ago by Jack Richardson

  • Avatar: nmble
    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?

    Content is visible for topic creator and
    support staff only.
    Files is visible for topic creator and
    support staff only.
    3 Answers
    Avatar: Samir Malik
    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

    Avatar: nmble
    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.
    Avatar: Jack Richardson
    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

  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.