<p>Is it possible to style the fields contained in the Stripe Intents form when using <a href="https://github.com/craftcms/commerce-stripe" rel="nofollow noreferrer">this plugin</a>?</p>

<p>Currently the form seems to load with all the interactions but with minimal styling. I'd like to have the CC form styles identical to other form elements on the page but having a difficult time figuring out how to do so.</p>

<p>Any help would be much appreciated!</p>

<p>This is what the form currently looks like (card holder info are from the twig template and the plugin fields below)</p>

<p><a href="https://i.sstatic.net/rjyDL.png" rel="nofollow noreferrer"><img src="https://i.sstatic.net/rjyDL.png" alt="enter image description here"></a></p>

<p>I'm using the latest Craft 3 + Commerce 2.</p>

CC BY-SA 4.0
2019-11-28T01:16:32.070Z
I've gotten as far as digging through `vendor/craftcms/commerce-stripe/src/web/assets/intentsform/js/paymentForm.js` and `vendor/craftcms/commerce-stripe/src/templates/paymentForms/intentsForm.html` as well as the stripe element documentation on styling the form.

The only styling I can do within paymentForm.js seems to be the base styles such as fontSize etc, and all the examples on [Stripe Elements Documentation](https://stripe.com/docs/stripe-js/elements/migrating#formatting-customization) shows styling within a separate CSS file, which is the part I'm completely stumped on.
kamicrafted
CC BY-SA 4.0
2019-12-02T17:11:17.397Z
This question has been asked before, I have [provided an answer on that post](https://craftcms.stackexchange.com/questions/30679/customizing-stripe-payment-form-for-craft-commerce-2-subscription/33168#33168).
nfourtythree
<plugin-craftcommerce2><plugin-commerce-stripe>
Customize Stripe payment intent forms when using Stripe for Craft Commerce (commerce-stripe) plugin
# Customize Stripe payment intent forms when using Stripe for Craft Commerce (commerce-stripe) plugin

(Asked by: username_0 on 2019-11-28)

Is it possible to style the fields contained in the Stripe Intents form when using [this plugin](https://github.com/craftcms/commerce-stripe)?

Currently the form seems to load with all the interactions but with minimal styling. I'd like to have the CC form styles identical to other form elements on the page but having a difficult time figuring out how to do so.

Any help would be much appreciated!

This is what the form currently looks like (card holder info are from the twig template and the plugin fields below)

[![enter image description here](https://i.sstatic.net/rjyDL.png)](https://i.sstatic.net/rjyDL.png)

I'm using the latest Craft 3 + Commerce 2.

**Tags:** plugin-craftcommerce2, plugin-commerce-stripe
> **Comments:**
> **username_0**: I've gotten as far as digging through `vendor/craftcms/commerce-stripe/src/web/assets/intentsform/js/paymentForm.js` and `vendor/craftcms/commerce-stripe/src/templates/paymentForms/intentsForm.html` as well as the stripe element documentation on styling the form.  The only styling I can do within paymentForm.js seems to be the base styles such as fontSize etc, and all the examples on [Stripe Elements Documentation](https://stripe.com/docs/stripe-js/elements/migrating#formatting-customization) shows styling within a separate CSS file, which is the part I'm completely stumped on.  
> **username_1**: This question has been asked before, I have [provided an answer on that post](https://craftcms.stackexchange.com/questions/30679/customizing-stripe-payment-form-for-craft-commerce-2-subscription/33168#33168).  

---

## 0 answers

