How to change font size of label, placeholder: Card no, Exp and CVC Input Feilds

Hi @cybentixen ,

It looks like you’d like to customize the stripe payment form, specifically the font size of the card label. However, making such changes involves custom PHP coding, which falls outside the scope of our support policy.

We’re unable to provide support for customizations under our Support Policy. If you need help with more advanced customizations, we recommend reaching out to Codeable or a Certified WooExpert.

To help guide you in the right direction, you can refer to this guide on customizing the payment form’s font size: Stripe Payment Form Customization.

Thank you for your understanding!

• This reply was modified 3 months, 3 weeks ago by Jonayed (woo-hc).

this is the code I’m using with the .Label--resting but still not working. Did i do something wrong?

add_filter( 'wc_stripe_upe_params', function ( $stripe_params ) {
	/**
	 * Custom shortcode checkout styles -- Use Stripe's Flat Theme
	 */
	$stripe_params['appearance'] = (object) [
		'theme' => 'flat'
	];

	/**
	 * Custom Block checkout styles -- Use Stripe's Night Theme with custom variables + rules
	 */
	$stripe_params['blocksAppearance'] = (object) [
		'theme'     => 'night',
		'variables' => (object) [
			'colorPrimary' => '#FFA500',
		],
		'rules' => (object) [
			'.Label--resting' => (object) [
				'backgroundColor' => '#212D63',
				'border'          => '1px solid var(--colorPrimary)',
				'fontSize'        => '12px', // Adjust font size of the resting label (placeholder)
			]
		],
	];

	return $stripe_params;
} ); 

Hello cybentixen,

Thank you for your reply.

We’re unable to provide support for customizations under our?Support Policy.
If you need help with customizations, I recommend reaching out to a developer.
You can find one at?Codeable?or WooExperts.

Have a great day!