Double input field for credit cards

[WebWebBender]

Describe the Bug

In the payment method field, a double input field appears for credit card, expiration date and CVV. With all browsers.

Screenshots

Environment

Info del server: Apache Versione PHP: 8.2.23

WordPress 6.6.1 Versione di WooCommerce: 9.2.3

Gravity Forms di Gravity Forms – 2.8.17 Bulk Edit Products, Prices & Attributes for Woocommerce di ELEXtensions – 2.0.1 Easy WooCommerce Tracking Code Free di webrook – 1.1.0 Elementor Pro di Elementor.com – 3.23.3 Elementor di Elementor.com – 3.23.4 iubenda | All-in-one Compliance for GDPR / CCPA Cookie Consent + more di iubenda – 3.11.0 Klarna Order Management for WooCommerce di klarna, krokedil – 1.9.2 Klarna Payments for WooCommerce di klarna – 3.6.2 Loco Translate di Tim Whitlock – 2.6.11 PixelYourSite PRO di PixelYourSite – 10.4.4 Product Catalog Feed Pro by PixelYourSite di PixelYourSite – 5.4.4.1 Rey Core di ReyTheme – 3.0.0 Speed Optimizer di SiteGround – 7.6.4 Security Optimizer di SiteGround – 1.5.3 TI WooCommerce Wishlist di TemplateInvaders – 2.8.2 Tidio Chat di Tidio LLC – 6.0.21 Big File Uploads di Infinite Uploads – 2.1.3 WooCommerce Cart Abandonment Recovery di CartFlows Inc – 1.3.0 WooCommerce Custom Fields di RightPress – 2.3.4 WooCommerce PayPal Payments di WooCommerce – 2.9.0 WooCommerce di Automattic – 9.2.3 Yoast SEO di Team Yoast – 23.4 WP Media folder di Joomunited – 5.9.3

Theme Nome: Rey Child Versione: 1.0.0 URL Autore: https://twitter.com/mariushoria Tema child:
Nome del tema genitore: Rey Versione del tema genitore: 3.0.0 URL autore del Tema Genitore: https://twitter.com/mariushoria Supporto WooCommerce:

[harmansingh03]

Ciao WebBender, Anch'io ho avuto lo stesso problema e sono riuscito a risolvere togliendo un important su display inline

Prima:

payment input, #payment label {

display: inline !important; }

Dopo:

payment input, #payment label {

display: inline; }

Cerca di vedere nell'ispeziona a quale id/classe hai un important e lo cambi

Fammi sapere se riesci a risolvere così

[WebWebBender]

Ciao, grazie @harmansingh03 per la tua risposta.

Nel mio caso viene generato un secondo campo input (oltre a quello standard di paypal > id="ppcp-credit-card-gateway-card-number") con id #zoid-paypal-card-number-field-uid_xxxxxxxx. Questo campo ha css inline {display: inline-block;} che non riesco a sovrascrivere.

Temo che questo doppio campo interferisca in fase di acquisto e vorrei capire se esiste il modo per eliminare il campo doppio, tenendo solo quello paypal.

Ho lavorato disattivando i plugin e niente ha funzionato.

[WebWebBender]

Ho appena trovato questo articolo: https://bluepnume.medium.com/introducing-xcomponent-seamless-cross-domain-web-components-from-paypal-c0144f3e82bf

[SydeKrystian]

Hello @WebWebBender

The issue was resolved with the fixing package provided in the Jira ticket, so I'm closing it.

Kind regards, Krystian