Checkout card fields ignore custom CSS and fonts
Payment form fields on WooCommerce checkouts cannot be styled with custom CSS or fonts, so they clash with branded stores
Tier II · Emerging Problems that are still building up.
3 public reports · first reported 18 January 2019 · last reported 24 March 2025
What's going wrong
Store owners using several WooCommerce payment gateway extensions report the same problem: the card fields are rendered inside embedded frames, so custom CSS cannot change their fonts, sizes or colours.
AI-assisted: written with the help of AI from the reports. The idea report has the full summary.
In the idea report
- The full summary.
- The products the 3 reports are about, and how many came each month.
- Related problems.
No business has been found with this problem yet, so the report has no contacts. All sales are final — no refunds. Pricing.