Como centralizar o botão enviar do Contact Form 7

O contact form 7 é um dos plugins mais utilizados para formulário no WordPress. Ele tem um visual simples, mas tem milhares de possibilidades de customização.

Alguns temas, plugins e até page builders trazem algumas opções de customização de estilo mais avançada para seus formulários. Mas, nem sempre você encontra exatamente o que gostaria.  E isso não significa que você não irá conseguir o resultado que deseja. Pois, embora simples, o contact form 7 é um plugin muito completo. Mas vamos ao que interessa.

Centralizar o botão de enviar do Contact Form 7

Para fazer isso é muito simples. Você precisará apenas criar o seu formulário de contato da forma que desejas, e acrescentar o seguinte código no seu editor de CSS ou no editor do tema:

input.wpcf7-form-control.wpcf7-submit {
display: block;
margin: 0 auto;
}

Pronto, o resultado será esse:

Botão enviar centralizado Contact Form 7

Espero que tenha gostado.

Até a próxima.

Compartilhe:
Share on facebook
Facebook
Share on whatsapp
WhatsApp
Share on email
Email
Share on linkedin
LinkedIn

This Post Has 2 Comments

  1. Legal, mas outros botões se inserir no site não vão ficar no meio né só o do CF7

    1. Sim, só irá alterar o do CF7.

Leave a Reply

Receba dicas no seu e-mail

Eduardo Villão
Eduardo Villão

É gaúcho, apaixonado por tecnologia e especialista em Wordpress. Atualmente trabalha com desenvolvimento web.

PUBLICIDADE
×
×

Cart