Contact form 7 wird nicht gedruckt

Das von dir verwendete Theme Twenty Sixteen enthält im Stylesheet style.css in Abschnitt 15 (Inhaltsverzeichnis im Header der Datei) eine Angabe zur Ausgabe auf dem Drucker:

@media print {
  form,
  button,
  input,
  …{
      display: none;
  }
}

Diese Anweisung kannst du mit einer eigenen CSS-Regel im Customizer deaktivieren. Sinngemäß sowas wie

@media print {
  form,
  button,
  input,
  select,
  textarea,
  .navigation,
  .main-navigation,
  .social-navigation,
  .sidebar,
  .content-bottom-widgets,
  .header-image,
  .page-links,
  .edit-link,
  .comment-respond,
  .comment-edit-link,
  .comment-reply-link,
  .comment-metadata .edit-link,
  .pingback .edit-link {
      display: inline-block;
  }
}

… wobei eigentlich differenziert werden müsste, welches Element mit block und welches mit inline-block ausgegeben wird. Da hier CSS nicht unser Thema ist, habe ich das nicht weiter ausgearbeitet.

Formulare während der Eingabe auszudrucken ist eher unüblich. Ich nehme an, dass sich die Entwickler in ihrer Weisheit deshalb für diese CSS-Regel entschieden haben. Im Entwicklungs-Log des Themes lässt sich das sicher irgendwo nachlesen, wobei mir auch hier der Aufwand zu hoch war.

Ich möchte, dass sich Besucher:innen Ihre Rückmeldung vor dem Absenden ausdrucken können.

Das ist wie gesagt eher unüblich. Sinvoller wäre, nach Absenden des Formulars eine E-Mail an den Absender zu schicken, in der die ausgefüllten Felder nochmal aufgeführt werden.

Ich würde übrigens auf den Datenschutzhinweis verzichten. Wer ein Formular ausfüllt, tut dies in der Absicht, dass seine Eingabe bearbeitet wird – da braucht man nicht noch zusätzliches Einverständnis (sagt auch ein Rechtsanwalt). Wenn du im Café einen Kaffee bestellst, fragt die Bedienung sicher auch nicht nochmal nach „echt jetzt? Kaffee?“.

Und wenn du schon dabei bist, nimm doch bitte diese Rechenaufgabe für Grundschüler raus – diese Form des CAPTCHAs ist entwürdigend. Wenn ich es richtig sehe, nutzt du bereits das sinnvolle Plugin Honeypot, das zur Absicherung genügen sollte.

Aber wie immer: deine Website, deine Regeln.
Wir machen hier ja nur Vorschläge.

Dein Custom CSS ist etwas durcheinander. Statt

ul,
  ol {
  margin: 0 0 0 15px; !important
  padding: 0;
  }

sollte es z.B.

ul,
  ol {
  margin: 0 0 0 15px !important;
  padding: 0;
  }

sein und weiter unten kommst du bei

@media screen and (min-width: 56.875em) {
  .widget {
  /* font-size: 0.8125rem; */
  font-size: 1rem;
  }
  }
  [class^="wp-block-"] figcaption {
  /* text-align: left; */
  text-align: center;
  }
  @media screen and (min-width: 44.375em) {
  .site-title {
  font-size: 2.5rem;
  line-height: 1;
  }
  }

mit den Klammern durcheinander. Media-Anweisungen müssen immer nach dem Muster

@media screen/print {
   .selector {
      eigenschaft: wert;
   }
  .selector2 {
      eigenschaft: wert;
   }
}

verschachtelt werden.

Vor dem eingefügten

@media print {
  form,
  button, …

fehlt für die vorausgehende Regel die schließende Klammer, währen am Ende eine Klammer zu viel ist.

Das ist auch alles sehr unstrukturiert. Schau dir mal an, wie die Entwickler das beim Theme Twenty Sixteen im style.css schön sauber gegliedert haben.

Danke für die Blumen. Bevor ich weiter rot anlaufe, markiere ich den Thread als „gelöst“.