All Collections
For Developers
How do I customize the Card Details field on my payment form?
How do I customize the Card Details field on my payment form?
Dodd Caldwell avatar
Written by Dodd Caldwell
Updated over a week ago

MoonClerk has always supported applying custom CSS (Cascading Style Sheets) to your payment forms to create a pleasing and brand-matched experience for your payers. However, payment data input fields are on Stripe's servers. The net effect is that styling the payment fields cannot be accomplished using just the CSS for your MoonClerk payment forms alone. If you need to provide additional styling to your payment form's payment details fields, you'll need to use a combination of CSS and custom JSON styling.

This is an advanced feature and there is a possibility that implementing it incorrectly could cause issues with your checkout. We suggest reading the documentation carefully and reviewing the entire checkout process after you have customized the form to ensure it functions properly.

Example of the card form field (indicated by red arrow):

Did this answer your question?