Style local payment method buttons ‘light’ on dark theme

  • Resolved brndvnrdn

    (@brndvnrdn)


    1 year, 3 months ago

    Hello there,

    I’m wondering how I can make the form fields for local payment methods such as iDeal light, as I’m using a dark theme and now they’re hard to read. Many thanks. Printscreen of how it’s looking now : https://prnt.sc/z-yqIO_TmCd9

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author Payment Plugins

    (@mrclayton)

    Hi @brndvnrdn

    You can use the following example as a reference to customize the IDEAL payment element (or any local payment method element):

    add_filter('wc_stripe_localize_script_local-payment', function($data){
	$data['gateways']['stripe_ideal']['element_params'] = [
		'style' => array(
				'base'    => array(
					'padding'       => '10px 12px',
					'color'         => '#32325d',
					'fontFamily'    => '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif',
					'fontSmoothing' => 'antialiased',
					'fontSize'      => '16px',
					'::placeholder' => array( 'color' => '#aab7c4' ),
				),
				'invalid' => array( 'color' => '#fa755a' ),
			),
	];
	return $data;
});

    Here is Stripe’s documentation on the style property. https://stripe.com/docs/js/appendix/style?type=card

    Kind Regards

Viewing 1 replies (of 1 total)
  • The topic ‘Style local payment method buttons ‘light’ on dark theme’ is closed to new replies.