Description

The wpforms_stripe_api_payment_intents_set_config_element_style filter lets you overwrite the Stripe Card Element style object. This allows you to adjust fonts, colors, sizes, and placeholder styling for the Stripe Credit Card field.

The style object uses CSS-like properties that map directly to Stripe Elements’ Style API. You can define a base style, as well as states like complete, empty, focus, or invalid.

parametertypedescription
$stylesarrayThe Stripe Card Element style object.

Source

wpforms\src\Integrations\Stripe\Api\PaymentIntents.php

Example

// Customize placeholder text color and font for the Stripe Card Element.
function wpf_dev_stripe_card_field_style( $styles ) {
    $styles['base'] = [
        'fontFamily' => 'Roboto, sans-serif',
        'fontSize'   => '16px',
        'color'      => '#333333',
        '::placeholder' => [
            'color' => '#b95d52',
        ],
    ];
    return $styles;
}
add_filter( 'wpforms_stripe_api_payment_intents_set_config_element_style', 'wpf_dev_stripe_card_field_style' );

Reference Article