Endlich: Mein Kontaktformular sieht wieder richtig aus

Manchmal sind es die kleinen Dinge, die einen beim eigenen Blog ziemlich lange beschäftigen. In den vergangenen Tagen war es bei mir mein Kontaktformular. Bereits am Abend des 31. Juli 2026 hatte ich mich mit dem Problem befasst:

Mein Kontaktformular, das mit Contact Form 7 und dem Honeypot for Contact Form 7 arbeitet, sah plötzlich verschoben aus. Nicht dramatisch – aber eben auch nicht so, wie es aussehen sollte.

Der Honeypot war der Verdächtige

Der Honeypot stellt Spam-Bots eine Falle. Für echte Besucher:innen soll das zusätzliche Feld unsichtbar sein.

Genau das funktionierte bei mir allerdings nicht mehr ganz so sauber. Das Formular wirkte verschoben, obwohl das eigentliche Kontaktformular ansonsten funktionierte.

Bei der Suche nach der Ursache bin ich schließlich auf die CSS-Datei des Honeypot-Plugins gestoßen. Dort gab es CSS-Regeln, die den von Contact Form 7 automatisch erzeugten <p>-Container des Honeypots auf height: 0 setzen und unter anderem auch line-height und font-size verändern.

Ich habe diese CSS-Regeln entschärft und anschließend getestet. Und siehe da: In einem privaten Browserfenster sah das Kontaktformular plötzlich wieder so aus, wie es sollte. Im normalen Safari auf meinem iPad wurde dagegen zunächst noch die alte Darstellung angezeigt.

Erst nachdem ich die Websitedaten gelöscht hatte, war auch dort alles wieder in Ordnung. Damit war zumindest klar, dass auch der Browser-Cache eine Rolle spielte.

Ein Update löst das Problem endgültig

Inzwischen ist ein weiteres Update für CF7 Apps erschienen. Diesmal war die Freude besonders groß, denn nach dem Update trat das Problem mit dem Verschieben des Kontaktformulars bei mir nicht mehr auf. Ich musste also nicht mehr selbst die CSS-Datei des Plugins ändern.

Das ist natürlich die wesentlich bessere Lösung, denn eigene Änderungen innerhalb eines Plugins können beim nächsten Update wieder überschrieben werden. Zumindest auf meinem Blog scheint das Problem damit gelöst zu sein.

Aber dann kam der nächste Fehler

So einfach sollte es allerdings nicht werden. Nachdem ich das Formular wieder ordentlich gestaltet hatte, stellte ich fest, dass beim Absenden immer wieder ein Fehler auftrat. Meine Nachricht wurde nicht verschickt.

Das war natürlich ungünstig, denn ein Kontaktformular, das keine Nachrichten verschickt, ist schließlich nicht besonders hilfreich. 😉

Also ging die Fehlersuche weiter. Diesmal lag die Lösung erstaunlich nahe: Ich habe den Cache aktualisiert. Danach funktionierte das Absenden wieder problemlos. Ich habe das anschließend mehrfach getestet – jedes Mal wurde die Nachricht erfolgreich verschickt.

Fazit

Damit ist mein Kontaktformular jetzt wieder so, wie es sein soll:

• keine Verschiebung des Formulars mehr,
• der Honeypot funktioniert weiterhin,
• Nachrichten lassen sich wieder problemlos absenden,
• und ich musste letztendlich nur einmal den Cache aktualisieren.

Manchmal ist keine große Fehlersuche nötig. Manchmal ist ein Cache tatsächlich das Problem. 😉 Ich bin jedenfalls froh, dass das Thema damit erledigt ist.

Falls du ebenfalls Contact Form 7 mit CF7 Apps beziehungsweise dem Honeypot verwendest und ein ähnliches Problem hast, könnte sich ein Blick auf die aktuelle Version lohnen. Bei mir hat das Update das Verschieben des Formulars jedenfalls endgültig behoben.

Wie immer gilt: Das ist meine Erfahrung mit meinem Blog. Ob das Update das Problem bei anderen Installationen ebenfalls vollständig behebt, kann ich natürlich nicht garantieren.

Grüße, Lorenzo

PS: Du darfst diesen Blogbeitrag hier mit den nachfolgenden Buttons gerne teilen: