Personalizar a cor de fundo de uma área de texto pode ajudar seu formulário de contato a combinar melhor com a identidade visual da sua loja e melhorar a experiência geral do usuário.
Neste artigo, você aprenderá como alterar a cor de fundo de uma área de texto dentro do elemento Formulário de Contato no GemPages usando um código CSS personalizado simples.
Passo 1: Abra o painel de código personalizado
Dentro do editor GemPages:
- Clique com o botão direito do mouse no campo da Área de Texto 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 no campo Código Personalizado:
ElementoClasse textarea { cor de fundo: vermelho !importante; }
Nota importante:
- Substituir Classe Elemento com a classe real do seu elemento. Você pode encontrar a classe do elemento na parte superior do painel Código Personalizado.
- Você também pode substituir vermelho Com qualquer cor que você quiser.
Exemplos:
background-color: #000000;
cor de fundo: #f5f5f5;
cor de fundo: rgba(255,255,255,0.8);
Etapa 3: salvar e publicar
Após adicionar o código:
- Clique Economize
- Publique ou atualize sua página
- Visualize o formulário de contato para confirmar se a nova cor de fundo foi aplicada corretamente.
Obrigado por seus comentários