Stripe Elements supports visual customization, which allows you to match the design of your site with the
appearance option. The layout of each Element stays consistent, but you can modify colors, fonts, borders, padding, and more.
- Start by picking a theme
Get up and running right away by picking the prebuilt theme that most closely resembles your website.
- Customize the theme using variables
Set variables like
colorPrimary to broadly customize components appearing throughout each Element.
- If needed, fine-tune individual components and states using rules
For complete control, specify custom CSS properties for individual components appearing in the Element.
The Elements Appearance API doesn’t support individual payment method Elements (such as
CardElement). Use the Style object to customize your Element instead.