Индивидуальный стиль способа оплаты шлюза Woocommerce Stripe ⇐ CSS

[Anonymous]

Я пытаюсь настроить стиль для способа оплаты шлюза полосы (кредитная карта), я использовал это руководство https://woocommerce.com/document/stripe-styling-fields/
, но с моим кодом все еще возникают некоторые проблемы:
CSS

Код: Выделить всё

.woocommerce form .form-row input.input-text {
padding: 17px 0 16px 24px;
}

PHP

Код: Выделить всё

add_filter("wc_stripe_elements_styling", "snippetpress_style_stripe_1");
function snippetpress_style_stripe_1($styles)
{
$styles = array(
"base" => array(
"fontFamily" => "galanogrotesque,sans-serif",
"::placeholder" => array(
"color" => "#979AA3",
"fontSize" => "18px",
"fontStyle" => "normal",
"fontWeight" => "400",
"lineHeight" => "normal",
"letterSpacing" => "-0.2px",
"textDecoration"  => "none",
"fontVariant" => "normal",
),
),
);
return $styles;
}

Мне все еще нужны некоторые изменения:

• сделайте CVV и дату завершения полной ширины (теперь они отображаются в виде двух столбцов)
• текст заполнителя стал на несколько пикселей выше

Есть идеи?



Подробнее здесь: https://stackoverflow.com/questions/734 ... stom-style