Woocomerce Payments cards input

[tashitendrel]

Hi there. In out Woocommerce checkout we have included an option of Woocommerce Payments where the input area for paying cards is super small. I cannot find a CSS class that would allow me to increase padding in that area. I have checked all the previous discussions on that topic and tried this CSS:
#wcpay-card-element, #wcpay-sepa-element {
padding: 20px !important;
min-height: 50px;
}
but it doesnt do anything.
I guess the different style here comes with the Woocommerce Payments extension itself. Please let me know if that issue has been solved somehow?

https://krasnoludyznadwisly.com/zamowienie/

Thank you,
Beata

[tristup]

Hi @tashitendrel,

Although we are not able to access the URL to check the problem you are having, it seems the problem might be with the custom CSS code. Unfortunately, investigating the custom CSS is beyond the scope of Theme Support. I would suggest you hire a developer who can assist you to do the customization or you can avail of our newly launched service called One, where we answer the questions beyond normal theme support.

Thanks

[tashitendrel]

Well, for anyone else interested in that issue, I have found out that “At this moment, the card field can’t be customized with CSS. — The embed is coming from Stripe, so this can’t be modified.”

[marc_a]

Hey @tashitendrel,

Yes, if the card is embeded, you cannot directly customize the output using CSS. You need to contact the stripe for that matter.

Thank you.