Contact Form 7 Feldbreite auf 50% einstellen

Zitat von agdb

Wie kann ich das rückgängig machen? Bzw. wie kann ich die Feldlänge nicht auf eine feste Pixelzahl beschränken, sondern dynamisch auf z.B. die Hälfte des Formulars?

Mit CSS -Eigenschaften kannst du das Aussehen verändern.

Um Input-Felder auf 50% der Formularbreite anzuzeigen, kannst du die CSS-Eigenschaft width verwenden. Zum Beispiel:

input {
  width: 50%;
}

Dies wird die Input-Felder auf die Hälfte der Breite des Elternelements setzen, das normalerweise der Bildschirm ist. Wenn du jedoch möchtest, dass die Input-Felder auf dem Smartphone die volle Breite haben, kannst du eine Media-Query verwenden, um das CSS für verschiedene Bildschirmgrößen anzupassen. Zum Beispiel:

/* Für Bildschirme, die breiter als 600px sind */
@media (min-width: 600px) {
  input {
   width: 50%;
  }
}


/* Für Bildschirme, die schmaler oder gleich 600px sind */
@media (max-width: 600px) {
  input {
   width: 100%;
  }
}

Dies wird die Input-Felder auf 50% der Bildschirmbreite setzen, wenn der Bildschirm breiter als 600px ist, und auf 100% der Bildschirmbreite setzen, wenn der Bildschirm schmaler oder gleich 600px ist. Du kannst den Wert von 600px nach deinen Bedürfnissen anpassen.