Colors in Stripe Pro-Form field

#1

Hi,

I’ve successfully updated the CSS for my Stripe pro forms as they appear here, however I notice that the text input color for the credit card number is not playing nice with my dark theme and is barely visible. Please see below:

36
Screenshot 2026-02-04 at 19.31.36.png1646×452 40 KB

Is there any way to update this color with CSS or another method? If so, what is the selector for this element?

Thanks,
Luis

#2

have a look at the css on my join page

https://www.sciencefictionbookclub.org/join/?s2p-option=2#buttons

1 Like
#3

Thanks! Worked like a charm! Finally got around to doing it.

Also, I really like the way you’ve set up payment options with anchors. How do you get the payment form to change according to the option selected? It looks slick and prevents the user from going away from the checkout process.

#4

A shortcode is on the join page which outputs the [s2Member-Pro-Stripe-Form] via a do_shortcode but only if $_GET[‘s2p-option’] exists. No special tricks were needed to get it working.

1 Like
#6 
function join_shortcode_fcn() {
	if( isset($_GET['s2p-option']))  {
		$join_shortcode = 'SHORTCODE GOES HERE';
		return do_shortcode($join_shortcode);
	}
}

add_shortcode(‘join_shortcode’, ‘join_shortcode_fcn’);
1 Like
#7

Thanks! I tried your advice and then started investigating further on alternatives. I’m working on getting a modal to popup with the payment form. I’m offering users the option for both PayPal and Stripe so my form is a bit more complex.

I’ll write back here once I have something to show.

1 Like