Design payment module of woocomerce

[Antoine]

Hi Armin,

I have an integration concerning the payment module of woocomerce with Lay Theme, since some time the design is a bit chaotic and looks like this on the payment page of the shop.

Do you know if it is possible to reduce the size of the typography and make all the card number information blocks align correctly?

Thank you very much.
Antoine

[arminunruh]

i see!

can you send your website address, /wp-admin/ username and password and a link to this topic to info@laytheme.com ?

[Antoine]

Hi Armin,

Super thanks for your message.
I've sent you all the information on your email info@laytheme.com .

Have a nice day.
Antoine

[arminunruh]

thanks antoine, haven't found the time yet to take a look but hope to do so soon

[arminunruh]

Unfortunately the plugin WooPayments creates an iframe which actually is a stripe web element:
https://stripe.com/docs/payments/elements

Since its an iframe, there is no way to style it using CSS on Lay Theme's website or in the theme files themselves.

Looking at these docs
https://stripe.com/docs/js/appendix/style

I can see the style is created using javascript.
The WooCommerce Payments plugin doesn't have any settings to change this.

There have been many requests for them to provide settings for style:

https://woo.com/feature-request/style-credit-card-fields/
https://github.com/Automattic/woocommerce-payments/issues/3604

There is nothing I can do here. I'd advise you to use a different payment plugin for WooCommerce that looks better.

[Antoine]

Hi Armin,

Thank you very much for your quick feedback and your help!
I've read all the links and information. I understand now.
What do you advise me to use as a payment platform for woocomerce for example?

I found this Mollie module that seems pretty good.
https://fr.wordpress.org/plugins/mollie-payments-for-woocommerce/#installation

Thanks a lot.
Antoine

[arminunruh]

actually i don't know which one to use, you could just try some and see which one you like most