Customizing forms with CSS

Personalize your forms with CSS styles, check out our examples.

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 CSS selector of the form
  2. Find a recipe below
    (for example, changing how the button looks)
  3. Save your custom CSS
    (see where to put your custom CSS styles)
  4. Reload the page

Look up the CSS selector of the form

If you’d like to create a CSS rule for a certain form then you’d need the CSS selector of the form.

You can find out the form CSS selector by looking up the “CSS Class for Custom Styles” option on the “Appearance” tab of the form: WP Full Stripe - Form custom CSS styles

Where to put your custom CSS styles

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

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

Using a caching plugin or a CDN?
Don’t forget to clear your cache otherwise you won’t see any changes!

Changing how the form button looks

You just have to copy and modify the example CSS below. Make sure that FORMID is replaced by the CSS selector of the form:

Still not finding the solution?

Our support team is happy to help you.

Contact support

Feature requests are always welcome!
We consider each feature request carefully, and examine how it fits the roadmap for the plugin.