WordPress Contact Form 7 Style Question: Center 7 Contact Form on Page

Um usuário perguntou ?

Olá!

obrigado pelo ótimo plugin. Estou tendo dificuldade em fazer com que o Formulário de contato 7 fique no centro da página e seu botão Enviar alinhado no meio do formulário.

Eu corrijo esta solução aqui, mas não vai funcionar.

Qualquer ajuda é bem vinda ?

Este tópico foi modificado 3 anos, 4 meses atrás por.

(@mlehelsz)

3 anos, 4 meses atrás

Olá @itmonitor,

Você já tentou esta solução?

Abraços, Lehel

lançador de tópicos

(@itmonitor)

3 anos, 4 meses atrás

Oi mlehelsz,

Obrigada. Estou disposto a tentar esta solução. Por favor, qual valor devo adicionar /* Adicionar valor desejado a isso */ para que o formulário seja direcionado para desktops Windows e tablets Android, também em smartphones?

rgs

EU ESTOU

(@mlehelsz)

3 anos, 4 meses atrás

Eu adicionaria um máximo de 300 pixels, porque temos que ter em mente que a menor resolução geralmente tem 320 pixels de largura, e precisamos adicionar algumas margens para adicionar uma sensação centralizada. Ou você pode adicionar 310px, e a margem esquerda-direita será uma lacuna de 5px.

lançador de tópicos

(@itmonitor)

3 anos, 4 meses atrás

Muito Obrigado. Aqui está o código que adicionei ao plugin de estilo de contato 7. Não funciona. A localização do formulário é definida como “herança”. Você tem alguma ideia de como posso fazer isso funcionar?

.wpcf7-form.cf7-style {
    margin: 0 auto;
    width: 450px; /310px
    float: none;
    display: block;
}

(@mlehelsz)

3 anos, 4 meses atrás

Ouve,

Descobri por que seu problema não foi resolvido:

body .wpcf7-form.cf7-style {
    margin: 0 auto !important;
    width: 450px;
    display: block;
}

Substitua este trecho pelo outro.

Atenciosamente, Lehel

lançador de tópicos

(@itmonitor)

3 anos, 4 meses atrás

Funciona. Mlehelz você é o melhor. Obrigado.