Change CSS for checkout form

  • Resolved lanxalot

    (@lanxalot)


    5 years, 9 months ago

    Hello

    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 – a11n

    (@stuartduff)

    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;
}
    Thread Starter lanxalot

    (@lanxalot)

    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

    Lanx

    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)
  • The topic ‘Change CSS for checkout form’ is closed to new replies.