Checkout Feld verschoben

Interessant wäre zu sehen wie es verschoben aussieht. Am besten den Link zur betroffenen Seite damit man da direkt nachschauen kann (Forenregeln Punkt 2). Denn ein "WP Fehler" ist das sicherlich nicht, eher ein Darstellungsproblem basierend auf den Angaben in deinem Theme oder dem von dir gewählten Formulargenerator den hier niemand kennt.

Bei mir ist dort gar nichts verschoben. Es sieht aus wie auf deinem Screenshot, nur eben ohne die von dir ergänze Klasse.

Ich sehe das Problem bei mir weiterhin nicht. Was in deinem letzten Screenshot zu sehen ist resultiert aus den gefloateten Feldern für Vor- und Nachname. Danach müsste man ein clearing einfügen damit nachfolgende Elemente nicht irgendwie "dazwischen geraten". Das macht die von dir ergänzte (aber für mich nicht sichtbare) Klasse "form-row-wide". Also eigentlich alles richtig.

Je nach verwendetem Browser!!

Ah, im Chrome sehe ich es nun auch. Wie oben bereits geschrieben hängt das jedoch mit den beiden vorherigen Feldern zusammen. Eine Lösung könnte sein folgendes als "zusätzliches CSS" einzufügen:

.woocommerce-page form .form-row-last { width: 50%; }

Wenn Du dagegen das Template (den erzeugten HTML-Code und nicht nur CSS) anpassen willst, musst Du die Checkout-Seite anpassen. Das dürfte wesentlich aufwendiger sein: https://hollerwp.com/customize-woocommerce-checkout-page/

Schreibs mal so:

.woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last { width: 50%; }

Damit nehmen beide Felder jeweils 50% der verfügbaren Breite ein und nichts passt mehr dazwischen.

Deine Rechtsklicksperre verhindert wahrscheinlich, dass andere sich hier die Mühe machen da nachzuschauen.