Como centralizar o botão enviar do Contact Form 7

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:
Facebook
WhatsApp
Email
LinkedIn

Este post tem 3 comentários

  1. Bruno

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

    1. Eduardo Villão

      Sim, só irá alterar o do CF7.

  2. Rogerio

    E como faço pra centralizar os campos do formulario tipo

    NOME
    EMAIL
    TELEFONE

Deixe um comentário

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