Alterar a cor do texto de espaço reservado em elementos de campos de e-mail e texto

O texto de espaço reservado é o texto simples exibido dentro de um campo antes que os clientes digitem qualquer coisa, como por exemplo:

• Insira seu e-mail
• "Seu nome"
• "Número de telefone"

Personalizar a cor do espaço reservado pode ajudar seu formulário a combinar com a identidade visual da sua loja e melhorar a consistência geral do design da sua página.

Passo 1: Abra as Configurações do Elemento

Primeiro, abra o editor de páginas no GemPages.

Então:

• Passe o mouse sobre o E-mail or Campo de texto elemento que você deseja personalizar
• Clique com o botão direito do mouse no elemento.
• Selecionar Código personalizado

Isso permite adicionar CSS personalizado especificamente para esse elemento.

Passo 2: Adicione o código de cor do marcador de posição

Cole o seguinte código na seção de código personalizado:

.ElementClass::placeholder {

  cor: #000000 !importante;

}

Passo 3: Substitua o valor da cor

Substituir #000000 com a cor de sua preferência.

Você pode usar:

• Um nome de cor
• Um código de cores HEX
• Valores RGB

Aqui estão alguns sites populares onde você pode encontrar nomes de cores e códigos HEX:

• Seletor de cores — https://htmlcolorcodes.com/
• Refrigeradores — https://coolors.co/
• Adobe Color — https://color.adobe.com/
• Gradiente CSS — https://cssgradient.io/