[Resolved] WooCommerce Stripe fields are narrow

[Martin]

On the WooCommerce checkout, the Stripe fields are very narrow:

Not sure if this is something from GeneratePress, WooCommerce, or Stripe.

Any ideas?

GeneratePress 2.2.2

GP Premium 1.7.7

[David]

Hi there,

have you completed the stripe set-up?

https://docs.woocommerce.com/document/stripe/#section-2

The other time i have seen this is where certain billing fields have been unset that stripe relies on.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Martin]

Yes I believe I did, and checked everything again.

Interestingly, I found this support ticket for another theme where the screenshot looks just like mine. Also, as with mine, I can use CSS to change the field size, but it’s still not possible to input values.
https://theme.co/apex/forum/t/woocommerce-stripe-cc-fields-too-small/36653

[Tom]

I’m seeing this error in your console log: https://www.screencast.com/t/RDX8bzYD

I think if you fix that, it should work.

Let us know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Martin]

Tom, I really thought I had the proper keys in there, but apparently not…that was it. Thank you so much. Really appreciate it.

[Tom]

You’re welcome 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts