Styling Hosted Fields

Learn how to apply custom CSS to your payment fields

When integrating with our Hosted Fields solution, you have full control over the style. To re-style the fields, you can supply your own CSS file.

To add custom styling to your fields, please add a theme attribute to your <komoju-fields> tag. Set the value of theme to the URL to your custom CSS.

Below is an example CSS file you can use as a template for your theme. The editor is live, so feel free to make changes right here on this page and you'll see the results immediately.

Caveat

Since we provide full CSS support, you can modify not only the above color variables but the layout as well. However, only the colors will be officially supported. We'll do our best to not change the DOM structure too drastically, but write custom layout code at your own risk.