Como centralizar o texto de espaço reservado nos campos do formulário de contato

Ao criar formulários de contato no GemPages, você pode querer que o texto de exemplo dentro do seu campo de e-mail ou campo de texto apareça centralizado para um design mais limpo e equilibrado.

Passo 1: Selecione o elemento do campo de entrada

Abra sua página no editor GemPages.
Dentro do seu Formulário de ContactoClique no elemento Campo de E-mail ou Campo de Texto onde deseja centralizar o texto de espaço reservado.

Passo 2: Abra o painel de código personalizado

Clique com o botão direito do mouse no elemento selecionado. Em seguida, escolha Código personalizado. Isso abrirá o editor de código personalizado para esse elemento específico.

Passo 3: Adicione o código CSS

Cole o seguinte código na caixa Código Personalizado:

ElementClass input::placeholder {

  text-align: center;

}

Nota Importante

Substituir Classe Elemento com o nome da classe real do seu elemento.

Você pode encontrar a classe do elemento no canto superior esquerdo do editor ao selecionar o elemento.

Exemplo:

.gf-input-123 input::placeholder {

  text-align: center;

}

Resultado: