Title: Custom CSS
Last modified: August 29, 2020

---

# Custom CSS

 *  Resolved [wwwilson](https://wordpress.org/support/users/wwwilson/)
 * (@wwwilson)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/custom-css-260/)
 * Hello,
 * Great plugin! Really enjoying the flexibility of being able to create products
   on the fly with the shortcode.
 * Quick question on changing the form’s CSS. I have tried both CSS and jQuery overrides
   for changing classes in the payment form popup however neither are being accepted.
   However, if I save exactly same CSS in the plugin’s wp-admin backend the style
   overrides successfully.
 * I am currently using your plugin across multiple environments so it is much more
   efficient to update from a single file. Is there a way to programmatically change
   the CSS from a file within the theme instead of the wp backend and if so how 
   can I do this?
 * Cheers,
 * Wilson

Viewing 2 replies - 1 through 2 (of 2 total)

 *  Plugin Contributor [Alexander C.](https://wordpress.org/support/users/alexanderfoxc/)
 * (@alexanderfoxc)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/custom-css-260/#post-13332084)
 * Hi.
 * You can make your own mini-plugin (or add this code to your child theme, if you
   prefer) that would do the thing for you. You need to hook to `asp_ng_pp_output_add_styles`
   and add your custom CSS file like this:
 *     ```
       function add_custom_css_file( $styles ) {
       	$styles[] = array(
       		'footer' => true,
       		'src'    => 'https://example.com/my_css_file.css',
       	);
       	return $styles;
       }
   
       add_filter( 'asp_ng_pp_output_add_styles', 'add_custom_css_file' );
       ```
   
 * This way your custom CSS file will be included in the footer, thus overriding
   any other CSS properties.
 * If you don’t want to use CSS file but want to output CSS directly to the HTML
   code, you can hook to `asp_ng_pp_output_before_closing_body` action like this:
 *     ```
       function output_custom_css() {
       	// this will change submit button color to green
       	echo '<style>#submit-btn{background-color: green;}</style>';
       }
   
       add_filter( 'asp_ng_pp_output_before_closing_body', 'output_custom_css' );
       ```
   
 *  Thread Starter [wwwilson](https://wordpress.org/support/users/wwwilson/)
 * (@wwwilson)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/custom-css-260/#post-13332264)
 * Hey Alexander, Perfect. Just what I was looking for. Thank you for your help!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Custom CSS’ is closed to new replies.

 * ![](https://ps.w.org/stripe-payments/assets/icon-128x128.png?rev=2705524)
 * [Accept Stripe Payments](https://wordpress.org/plugins/stripe-payments/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/stripe-payments/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/stripe-payments/)
 * [Active Topics](https://wordpress.org/support/plugin/stripe-payments/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/stripe-payments/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/stripe-payments/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)

 * 2 replies
 * 2 participants
 * Last reply from: [wwwilson](https://wordpress.org/support/users/wwwilson/)
 * Last activity: [5 years, 9 months ago](https://wordpress.org/support/topic/custom-css-260/#post-13332264)
 * Status: resolved