O Criador de Formulários Jotform possui um designer integrado que ajuda você a estilizar seu formulário sem precisar escrever uma única linha de código. Mas, se quiser ir além das opções padrão — seja para ajustar espaçamentos, alterar fontes ou ocultar determinados elementos — você pode inserir seu próprio CSS para ter controle total sobre a aparência do formulário.
Observação
Este guia é voltado para a aplicação de CSS em Formulários Clássicos. A inserção de código CSS personalizado não é compatível com Formulários do tipo Cartão. Se precisar alterar o layout do seu formulário, consulte este guia para mais informações.
Você pode inserir códigos CSS personalizados no seu formulário em alguns passos simples. Veja como:
- Na página Meu Espaço de Trabalho, clique em Tipo no topo e, no menu suspenso exibido, desmarque todas as opções, exceto Formulários, para que apenas os formulários sejam exibidos na página.
- Passe o mouse sobre o formulário ao qual deseja adicionar CSS personalizado e, em seguida, clique em Editar Formulário no lado direito da página.
- No Criador de Formulários, clique no ícone de rolo de pintura no canto superior direito para abrir o Designer de Formulários.
- Agora, na aba Estilos, role a página até a seção Adicionar Código CSS e digite ou cole seu código CSS na caixa do editor. Você pode consultar este guia para ver exemplos.
- Em seguida, clique em qualquer área fora da caixa do editor para salvar as alterações.
Pronto. Agora, você pode ativar a opção Visualizar Formulário no canto superior direito da página para abrir uma visualização ao vivo e ver exatamente como o formulário aparece para os usuários.
Observação
Códigos CSS personalizados adicionados na aba Estilos do Designer de Formulários não funcionarão na maioria dos Widgets de Formulários, pois eles são exibidos dentro de iframes. Consulte nosso guia para aprender como estilizar seus widgets com CSS.
Enviar Comentário: