Como alterar a cor do texto do formulário de contato usando código personalizado

Personalizar o design do seu formulário de contato ajuda a criar uma experiência de loja virtual mais consistente e profissional. Em alguns casos, você pode querer alterar a cor do texto dentro dos campos do formulário para combinar melhor com a sua marca ou melhorar a legibilidade.

Este artigo mostrará como alterar a cor do texto em um elemento de formulário de contato usando um código CSS personalizado simples no GemPages.

Como alterar a cor do texto do formulário de contato

Certificar-se:

• Você já adicionou um elemento de Formulário de Contato à sua página.
• Você tem acesso ao editor do GemPages.
• Você sabe qual campo de formulário ou área de texto deseja personalizar?

Passo 1: Abra o painel de código personalizado

Dentro do editor GemPages:

• Clique com o botão direito do mouse no campo de texto ou no elemento do formulário de contato que deseja personalizar.
• Selecionar Código personalizado

O painel de Código Personalizado será exibido.

Passo 2: Adicione o código CSS

Cole o seguinte código CSS no campo Código Personalizado:

.classID.gp-form-item{

 cor: xxxxx !importante;

}

Lembrar de:

• Substituir .classID Com o ID real do seu elemento

Você precisa substituir .classID com o ID do elemento real do seu Formulário de Contato.

Você pode encontrar esse ID na parte superior do painel de Código Personalizado.

• Substituir xxxxx Com a sua cor preferida.

Substituir xxxxx com a cor que você deseja usar.

Você pode usar:

• Nomes de cores
• Códigos de cores HEX
• Valores RGB

Exemplos:

Usando um nome de cor

cor: preto !importante;

Usando uma cor HEX

cor: #ffffff !importante;

Usando RGB

cor: rgb(255,255,255) !importante;

Passo 3: Salve e publique suas alterações

Após adicionar o código:

• Clique Economize
• Visualize o formulário de contato para confirmar se a cor do texto foi alterada corretamente.