Why is it the font size of the card input fields are so big?

Resolved augustus1996
(@augustus1996)

10 months, 2 weeks ago

After updating WooCommerce and the Stripe Payment Gateway, we encountered an issue on our checkout pages, such as this one: https://thinkingslimmer.com/gold-free-trial-checkout/.

The font size in the credit card fields is unusually large, which affects the overall appearance of the form. Since the input fields are rendered inside an iframe by Stripe, we’re unable to apply custom styling through our theme or custom CSS.

We’re looking for a solution to adjust the font size within these Stripe Elements. Any guidance would be greatly appreciated.

https://prnt.sc/rhxEs5EBrsBy

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

Viewing 4 replies - 1 through 4 (of 4 total)

Mahfuzur Rahman
(@mahfuzurwp)

10 months, 2 weeks ago

Hi @augustus1996,

Thanks for reaching out!

I’ve checked the checkout page you linked and the Stripe card fields appear to be loading with a normal font size on my end. Here’s a screenshot of what I’m seeing: https://snipboard.io/g3zB7j.jpg

If you’re still seeing the larger font on your side, I recommend clearing your browser cache and trying again or checking in a private/incognito window to rule out any cached styling conflicts.

Thank you. Let us know what you find out.
7iomka
(@7iomka)

10 months, 1 week ago
I have the same issue
https://ik.imagekit.io/dilanmirror/v1.png?updatedAt=1748123829675

This is how it looks like.
In incognitto tab
https://ik.imagekit.io/dilanmirror/v2.png?updatedAt=1748123829685

it happens after update to the latest version
- This reply was modified 10 months, 1 week ago by 7iomka.
Mahfuzur Rahman
(@mahfuzurwp)

10 months, 1 week ago

Hi @7iomka,

I understand that you have a somewhat similar problem.

However, as per forum best practices, it is advised that you create a new thread so that we can address your issue(s) separately.

You can create a new thread here: https://wordpress.org/support/plugin/woocommerce-gateway-stripe/ and make sure to include as much information as you can.

Thanks for understanding!

Plugin Support Feten L. a11n
(@fetenlakhal)

10 months ago

Hi there,

As we haven’t received a response in some time, I’ll mark this ticket as resolved. Please don’t hesitate to reach out if you need further assistance.

Apart from this, if you’re happy with our plugin and the support you’ve received, we’d really appreciate a review: https://wordpress.org/support/plugin/woocommerce-gateway-stripe/reviews/#new-post

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Why is it the font size of the card input fields are so big?’ is closed to new replies.