Botão de largura total no formulário de contato no Divi
Crie um botão de largura total no formulário de contato no Divi
Neste caso, o que faremos é inserir algumas pequenas linhas de código CSS nas opções da página que estamos editando > Avançado > CSS personalizado.
Copie e cole a seguinte linha CSS:
/*torna o contêiner do botão com largura total*/
.et_contact_bottom_container {
largura : 97% ;
}
/*torna o botão do formulário de contato com largura total*/
.et_pb_contact_submit.et_pb_button {
largura : 100% ;
margem : 0 próprio ;
}
Com isso você fará o botão do formulário de contato em Divi em largura total, veja o resultado:
Entre aqui para ver a DEMO em ação →
Isenção de responsabilidade : este código funciona quando o formulário de contato não tem o reCAPTCHA básico do Divi habilitado.
Esta é uma opção muito útil se você deseja que seu formulário de contato Divi tenha um botão de largura total.
Alinhe o botão do formulário de contato no Divi à esquerda
Alguns usuários me perguntaram como fazer com que o botão do formulário Divi fique alinhado à esquerda ao invés de à direita, bom, para isso usaremos o mesmo princípio do CSS anterior, mas mudando um pouco seus valores:
Copie e cole a seguinte linha de CSS nas opções gerais do Divi ou na página onde deseja aplicar o CSS:
/*torna o contêiner do botão com largura total*/
.et_contact_bottom_container {
largura : 100% ;
}
/*crie o botão do formulário de contato à direita*/
.et_pb_contact_submit.et_pb_button {
largura : 25% ;
margem : 0 próprio ;
}
Com isso garantiremos que nosso botão do formulário de contato Divi esteja alinhado à esquerda. Então:
Agora, daremos algumas dicas adicionais para que você também possa fazer o módulo do botão Divi em largura total.
Faça com que o botão Divi (módulo nativo) tenha largura total
Os passos são bastante simples. Vá para as configurações do módulo de botão e depois vá para a guia Avançado e clique para abrir a opção CSS personalizado. Em seguida, no “elemento principal” cole a seguinte linha CSS:
largura : 100% ;
Aprenda como criar botões flutuantes no celular no Divi, sem plugins com este tutorial premium.
Agora você provavelmente notou um problema. O texto não está centralizado. Para resolver basta alterar o alinhamento dos botões para que o texto fique centralizado:
E pronto! Super fácil, certo? Agora seus botões com Divi terão largura total na coluna onde você os colocou e o texto ficará centralizado!
