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!