Customizing forms with CSS

How to customize forms with your CSS styles

You can change how forms look like by adding custom CSS styles.

Follow these steps:

1. Look up the form id
2. Find a recipe below
   (for example, change the look of the payment button)
3. Add your custom CSS
   (see Where to put your custom CSS styles)
4. Reload the page

Look up the form id

If you’d like to add styles to a form then you’d need the id of the form in question.

You can look up the form id on the “Appearance” tab of the form:

Where to put your custom CSS styles

You can add your custom CSS styles on the “Full Stripe / Settings / Form / Appearance” page in WP admin:

When you save the changes, the new styles take effect immediately.

Change the look of the payment button

As a first step, you have to look up the form id.

In the next step, you just have to copy and modify the example CSS below. Make sure that FORMID is replaced by the id of the form:

Let’s say your form id is Hn5Gv7o, then the CSS rules becomes:

Hide the payment details popover

As a first step, you have to look up the form id.

In the next step, you just have to copy and modify the example CSS below. Make sure that FORMID is replaced by the id of the form:

Let’s say your form id is Hn5Gv7o, then the CSS rules becomes:

Change the look of Customer portal buttons

You just have to copy and modify the example CSS below: