Pergunta no formulário de contato do WPForms – Construtor de formulários de arrastar e soltar para WordPress do WordPress: formulário médio

Um usuário perguntou ?

Olá,

Acho que não tenho CSS para editar o formulário. Eu quero centralizar o formulário e colocar o botão no formulário também.

Pergunta adicional, como posso alterar a cor do botão?

Obrigado

(@jquigam)

2 anos, 10 meses atrás

Olá rtimarketing,

Claro, então para centralizar o formulário você pode usar o seguinte SEC:

#wpforms-559 {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

Isso definirá a largura máxima do formulário para 600 pixels, mas você pode alterar isso para qualquer valor que desejar. Ao definir um teto de largura, seu formulário ainda poderá ter largura total em dispositivos móveis.

Eu também recomendaria definir os campos de nome e email para largura total (no construtor de formulários, basta clicar no campo, abrir Opções avançadase coloque tamanho do campo para Grande).

Então, para centralizar o botão de envio, você pode usar este CSS:

#wpforms-559 .wpforms-submit-container {
    text-align: center;
}

Para obter detalhes sobre como personalizar a cor ou outros estilos para o botão de envio, consulte nosso tutorial com todos os detalhes.

E por medo ajuda O WPBeginner tem um ótimo tutorial sobre como adicionar CSS personalizado como este ao seu site.

Se você quiser alguma edição de estilo adicional de seus formulários, você pode consultar nosso guia para iniciantes da SEC ou se você quiser tocar em um código completo, você pode pensar nisso herói css (é claro que o CSS Hero pode ser usado em todo o site, não apenas para formulários).

Eu espero que isso ajude! ?

lançador de tópicos

(@rtimarketing)

2 anos, 10 meses atrás

Isso funciona muito bem! Obrigado. Vou olhar os links que você forneceu para alterar a cor do botão.

Além disso, eu queria saber se posso estender o botão. Talvez igual à largura dos campos de texto.

(@jquigam)

2 anos, 10 meses atrás

Olá rtimarketing,

Fico feliz que tenha ajudado! Como cortesia, fornecemos suporte limitado para nossa versão gratuita. Para quaisquer outras alterações de estilo, confira os links do guia que compartilhei acima ou considere usar o CSS Hero.

Incluímos CSS para botões incorporados de largura total, bem como várias outras alterações de estilo, o tutorial de estilo de botão que compartilhei acima.

Espero que nossos guias o ajudem a alcançar o que você está procurando!