Support » Plugin: WooCommerce Stripe Payment Gateway » Change CSS for checkout form

  • Resolved lanxalot



    The background on my stripe form fields has turned black since stripe removed the CSS.

    Can you advise how I can change the field background colours?

    I’m struggling to change anything because of the iFrames, I have tried Woocommerce’s recommended css but it doesn’t work.

    Many thanks

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support Stuart Duff


    Automattic Happiness Engineer

    Hi @lanxalot,

    Testing when using Stripe with the Twenty Seventeen theme activated this CSS below allows for the changing of the input field background color.

    .wc-credit-card-form .wc-stripe-elements-field {
        background-color: #fff;
    • This reply was modified 4 months, 4 weeks ago by  Stuart Duff.

    Hi Stuart

    Many thanks for the reply.

    I actually switched to the modal pop-up for now as a quick fix but will certainly try this CSS out soon.

    Your help is very much appreciated!

    Kind regards


    Having the same issue, though my background is transparent. Tried the CSS and it did not work.

    I was able to fix this issue by the following CSS code:

    .ElementsApp input{
    background-color:#ffffff !important
Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.