Adicionar classes CSS personalizadas ao campo e ao seu contêiner

Este guia explica como adicionar classes CSS personalizadas tanto ao elemento de input do campo (por exemplo, a caixa de texto) quanto ao seu contêiner externo (o bloco que gerencia o layout e a largura).

Estas configurações são úteis se você deseja aplicar estilos ou comportamentos específicos via CSS ou JavaScript.


Procedimento Passo a Passo

1. Acessar as Configurações Avançadas

Dentro da configuração do campo específico que está modificando, role até a seção de opções. Você encontrará uma caixa de seleção rotulada:

  • Mostra impostazioni avanzate

Selecione esta caixa para tornar visíveis os campos adicionais.

2. Adicionar Classes ao Input do Campo

Após ativar as configurações avançadas, localize o campo rotulado:

  • Classi Input

Insira aqui as classes CSS que deseja aplicar diretamente ao elemento de input (por exemplo, o elemento <input>, <select> ou <textarea>). Se precisar inserir várias classes, separe-as com um espaço.

3. Adicionar Classes ao Contêiner do Campo

Localize o campo rotulado:

  • Classi Contenitore

Insira aqui as classes CSS que deseja aplicar ao contêiner externo (o div que envolve o rótulo e o input do campo). Esta opção é útil para modificar o layout ou a visibilidade do bloco completo.

4. Salvar as Alterações

Depois de inserir as classes desejadas, prossiga salvando todo o formulário para tornar efetivas as alterações.