Cómo Centrar el Texto de Marcador de Posición en los Campos del Formulario de Contacto

Al crear formularios de contacto en GemPages, es posible que desee que el texto de marcador de posición dentro de su Campo de Correo Electrónico o Campo de Texto aparezca centrado para lograr un diseño más limpio y equilibrado.

Paso 1: Seleccione el Elemento Campo de Entrada

Abra su página en el editor de GemPages.
Dentro de su formulario de contacto, haga clic en el elemento Campo de Correo Electrónico o Campo de Texto donde desea centrar el texto de marcador de posición.

Paso 2: Abra el Panel de Código Personalizado

Haga clic derecho en el elemento seleccionado. Luego elija Código personalizado. Esto abrirá el editor de código personalizado para ese elemento específico.

Paso 3: Añada el código CSS

Pegue el siguiente código en el campo de Código Personalizado:

ElementClass input::placeholder {

  text-align: center;

}

Nota importante

Reemplace ElementClass con el nombre de clase real de su elemento.

Puede encontrar la clase del elemento en la esquina superior izquierda del editor al seleccionar el elemento.

Ejemplo:

.gf-input-123 input::placeholder {

  text-align: center;

}

Resultado: