Wie man Platzhaltertext in Kontaktformularfeldern zentriert

Beim Erstellen von Kontaktformularen in GemPages möchten Sie möglicherweise, dass der Platzhaltertext in Ihrem E-Mail-Feld oder Textfeld zentriert angezeigt wird, um ein saubereres und ausgewogeneres Design zu erzielen.

Schritt 1: Wählen Sie das Eingabefeldelement aus

Öffnen Sie Ihre Seite im GemPages-Editor.
In deinem KontaktformularKlicken Sie auf das E-Mail-Feld oder Textfeld-Element, an dem Sie den Platzhaltertext zentrieren möchten.

Schritt 2: Öffnen Sie das Bedienfeld für benutzerdefinierten Code.

Klicken Sie mit der rechten Maustaste auf das ausgewählte Element. Wählen Sie dann Benutzerdefinierter Code. Dadurch wird der benutzerdefinierte Code-Editor für dieses spezifische Element geöffnet.

Schritt 3: CSS-Code hinzufügen

Fügen Sie folgenden Code in das Feld „Benutzerdefinierter Code“ ein:

ElementClass input::placeholder {

  text-align: center;

}

Wichtiger Hinweis

Ersetzen ElementKlasse mit dem tatsächlichen Klassennamen Ihres Elements.

Die Elementklasse finden Sie in der oberen linken Ecke des Editors, wenn Sie das Element auswählen.

Ejemplo:

.gf-input-123 input::placeholder {

  text-align: center;

}

Ergebnis: