How to Add Custom CSS to WP Simple Pay

Do you need to style your WP Simple Pay payment forms with custom CSS? There are a few ways to add custom CSS to your WordPress site for your forms and other page elements.

You can disable WP Simple Pay’s “opinionated styles” and inherit your theme’s styles by visiting Simple Pay Pro → Settings → General → Advanced.

1. Edit your theme’s stylesheet file directly (usually style.css). Be cautious of any theme updates that will overwrite your changes though, which is why we recommend #2 or #3.
2. Add a separate CSS file to your theme and use the wp_enqueue_style function to reference it in your functions.php or a separate custom plugin.
3. Add CSS to your theme’s header using the free plugin WP Code. Go to Code Snippets → Header & Footer, then and add your CSS as shown below.