Este guia explica como aplicar classes CSS personalizadas ao botão de envio de um formulário ou ao seu elemento contêiner (o div que o envolve), útil para personalização gráfica por meio de folhas de estilo externas.
> Nota: Para seguir este procedimento, você deve ter as classes CSS que deseja aplicar.
Procedimento Passo a Passo
1. Acesse a Edição do Formulário
Abra o formulário que deseja modificar na interface de administração.
2. Vá para a Seção Gerais
Certifique-se de estar na primeira seção do formulário, intitulada Generais.
3. Localize as Configurações do Botão de Envio
Role para baixo até encontrar o quadro intitulado Pulsante di invio.
4. Escolha onde Aplicar as Classes
Dentro do quadro, você encontrará dois campos de texto para inserir as classes:
- Classi Input: Use este campo para adicionar classes diretamente ao elemento
input(o próprio botão). - Classi Contenitore: Use este campo para adicionar classes ao
divque contém o botão de envio (útil para controlar o layout ou a largura).
5. Insira as Classes CSS
No campo desejado (Classi Input ou Classi Contenitore), digite as classes CSS que deseja aplicar.
> Exemplo: Se quiser aplicar as classes btn-custom e large-button, escreva: btn-custom large-button (separando as classes com um espaço).
6. Salve as Alterações
Complete o procedimento de salvamento do formulário (geralmente clicando no botão de salvar ou seguindo os passos seguintes do assistente) para tornar efetivas as classes CSS no frontend.
