Stripe field style

If you can share a link to a page with the form you’d like styled, I can provide you with the CSS selectors to target it.

Hi @thankssforhelp,

Trust you are doing good, and thank you for reaching out to us.

I am afraid it will be hard to style the Stripe payment field, as the screenshot shared, as the Stripe input field is added using an iframe from the Stripe end.

However, you can style the Stripe field to some extent by setting the Input and Textarea and Input Extras colours in the Appearance section of the form settings. There is also an in-built filter that could help,

forminator_field_stripe_markup

but still, the layout cannot be changed.

Kind Regards,
Nebu John

Hi @aakash8,

the form I’d like to have styled is this one: https://jurahelden.com/bewerbungscheck-buchung/

Thank you in advance!

Kind regards

• This reply was modified 2 years, 2 months ago by thankssforhelp.

Hi Nebu John @wpmudevsupport14,

thank you for your response.

Could you give an example of how to use this filter? Unfortunately I couldn’t get any results using it as a css selector.

Thanks in advance and kind regards

HI @thankssforhelp

Could you give an example of how to use this filter? Unfortunately I couldn’t get any results using it as a css selector.

It’s a filter as in WordPress filter hook. It cannot be used as CSS selector but rather as a way to “attach” or “execute” your own PHP code to process some data.

So basically you can use PHP code to “adjust” HTML markup of that given field. But in this case it wouldn’t really help much over whatever you can already achieve with standard CSS.

What you can do instead is

– to some extent use form Appearance settings that my colleague mentioned

– additionally do check the classes defined in “Styling” section of Stripe field settings in the form; you can change those classes there but it’s not necessary really; you can however use those classes – again, to some extent – in your own custom CSS.

This is all only partial styling, I’m afraid, but the reason for this is that – as mentioned – that all that stripe output is inside dynamically generated (by Stripe’s JS scripts) iframe element (so kind of “browser inside browser”).

Kind regards,
Adam

Hi Adam @wpmudev-support8,

thank you very much for the information – this was very helpful. I was now able to style the stripe field to some extend.

Kind regards