Customising the CSS for embedded payment form

Hi there Ivan,

I tested this snippet and it worked for each CSS property listed – https://gist.github.com/woogists/295da29eedaa559c615d981ba8e06d52#file-wc-stripe-change-form-syle-css
You can work further on this code to add more CSS properties.

I then tested https://gist.github.com/woogists/bcde4824485a720a5ff91be681dd944d#file-wc-stripe-elements-styling-filter-php – and the only property that didn’t work was fontFamily, most probably because Comic Sans is a custom font. Tahoma font works. If you want to target more elements there, please refer to this doc – https://stripe.com/docs/stripe-js/reference#element-options

For uploading a custom font, you can try a snippet posted here – https://github.com/woocommerce/woocommerce-gateway-stripe/issues/487#issuecomment-443965044 – however, please note that I haven’t tested this one.

If you are still struggling with styling your Stripe checkout, can you please share your site URL and specify what exactly you’re changing?

Cheers!