Este guia explica como adicionar classes CSS personalizadas a um campo específico do formulário (como um campo de texto ou uma checkbox) ou ao seu contêiner externo. Esta operação é útil para aplicar estilos gráficos personalizados definidos no seu tema.
1. Adicionar Classes a um Campo do Formulário
Estas instruções se aplicam a qualquer campo adicionado através da seção "Campi" do seu formulário.
1.1 Acessar as Configurações Avançadas
Para visualizar os campos onde inserir as classes CSS, você deve primeiro habilitar as configurações avançadas para o campo selecionado:
1. Acesse a seção "Campi" do seu formulário e selecione o campo que deseja modificar.
2. Role até o final das configurações do campo.
3. Encontre e marque a caixa denominada Mostra impostazioni avanzate.
- Nota: Uma vez marcada, novos campos de texto aparecerão, incluindo aqueles para as classes.
1.2 Inserir as Classes CSS
Após habilitar as configurações avançadas, você verá dois campos dedicados à inserção das classes:
1. Para adicionar classes ao elemento de input (ex.: <input>, <select>, <textarea>):
- Localize o campo rotulado Classi Input.
- Insira as classes CSS desejadas, separadas por espaço (ex.:
mia-classe-rossa w-100).
2. Para adicionar classes ao contêiner do campo (o elemento que envolve o input e o rótulo):
- Localize o campo rotulado Classi Contenitore.
- Insira as classes CSS desejadas, separadas por espaço.
2. Adicionar Classes ao Botão de Envio (Submit)
O botão de envio é gerenciado separadamente, dentro da seção "Pulsante di invio" da aba Generali.
1. Vá até a aba Generali na configuração do formulário.
2. Role até a seção Pulsante di invio.
3. Para personalizar o botão (o elemento <button> ou <input type="submit">):
- Localize o campo rotulado Classi Input.
- Insira as classes CSS desejadas.
4. Para personalizar o contêiner do botão (o elemento <div> que o envolve):
- Localize o campo rotulado Classi Contenitore.
- Insira as classes CSS desejadas.
Depois de concluir as modificações, certifique-se de salvar o formulário. As novas classes CSS serão aplicadas quando o formulário for exibido no site.
