CSS do WPForms não aplica: como corrigir o estilo

Tipo Outros erros

Nome do erro CSS personalizado não aplica no WPForms EN: WPForms custom CSS not applying

Severidade Atenção

Descrição O CSS do WPForms que não aplica acontece quando o estilo personalizado e ignorado e o formulário mantem a aparencia padrão. A causa quase sempre e a especificidade do seletor padrão do plugin (div.wpforms-container-full) vencendo o seu, ou o cache servindo a folha antiga.

Conteúdo exclusivo para membros Pro

Faça upgrade para acessar este item completo.

// ★ Conteúdo disponível para membros Pro...
// Faça upgrade para acessar este item.

Perguntas frequentes

Por que meu CSS do WPForms não aplica mesmo salvo?

Porque o seletor padrão do WPForms e mais específico que o seu. O plugin usa cadeias longas como div.wpforms-container-full .wpforms-form, e o navegador aplica o seletor mais específico. Reescreva a sua regra com a mesma cadeia completa do container para que ela vença a disputa.

Coloquei !important e o estilo padrão do WPForms continua vencendo. Por que?

O !important nem sempre resolve. A própria documentação do WPForms avisa que, em muitos casos, o navegador prefere a especificidade da regra padrão mesmo com !important. O caminho confiavel e igualar a cadeia de seletor, comecando por div.wpforms-container-full, em vez de depender do !important.

Onde devo colar o CSS personalizado do WPForms?

Em Aparencia - Personalizar - CSS adicional do WordPress. Esse local carrega o estilo em toda página que exibe o formulário. Evite colar dentro do formulário ou no Custom CSS de um único campo, porque ali o aninhamento de seletor fica incompleto e o estilo não se aplica de forma consistente.

O que e a opção Include Form Styling do WPForms?

E um menu em WPForms - Settings - General que controla quanto CSS o plugin carrega. Base and form theme styling e o padrão e o mais agressivo. Base styling only carrega so o básico e devolve o controle ao tema. No styling remove todo o estilo e exige CSS extenso, sendo voltado a desenvolvedores.

Mudar Include Form Styling para No styling resolve o conflito?

Geralmente não e a melhor escolha. No styling remove toda a folha do WPForms e, segundo a documentação, exige CSS personalizado extenso para layouts e campos voltarem a funcionar. Para a maioria dos casos, Base styling only já reduz a agressividade sem quebrar o formulário.

Meu CSS aparece em janela anonima mas não na normal. O que e isso?

E cache. A janela anonima ignora o cache antigo e mostra a folha nova, enquanto a navegação normal ainda serve a versão em cache sem o seu CSS. Limpe o cache do navegador, do plugin de cache e do servidor para que o estilo apareça em todas as sessoes.

Preciso editar arquivos do tema para estilizar o WPForms?

Não para a maioria dos ajustes. Igualar a especificidade do seletor e colar o CSS em CSS adicional resolve sem tocar em arquivos. Editar o style.css do tema so faz sentido em personalizacoes amplas, e mesmo assim use sempre um tema filho para não perder as mudancas em atualizações.

Pro Grave

Como corrigir a lógica condicional que não funciona no WPForms

Quando o WPForms conditional logic não funciona, um campo continua visível (ou some) ignorando a escolha do visitante. A causa quase sempre é a regra: campo-fonte errado, operador de comparação incompatível com o tipo do campo, ou grupos AND/OR que se anulam. O conserto é auditar a aba Smart Logic.

Pro Grave

Como corrigir a falha de upload de arquivos no WPForms

O upload de arquivo do WPForms falha quando o visitante tenta anexar um arquivo e o formulário rejeita ou não envia. As causas reais são o tipo do arquivo fora da lista de extensões permitidas, o tamanho acima do limite do servidor (upload_max_filesize), ou o estilo Moderno de upload travando por conflito de SSL ou JavaScript.

Pro Informativo

Como corrigir a barra lateral abaixo do conteúdo no WordPress

A sidebar abaixo do conteúdo no WordPress acontece quando o float quebra, a soma das larguras das colunas passa de 100% ou uma tag HTML ficou aberta. A correção é fechar o HTML, ajustar as larguras e aplicar clear para a barra lateral voltar ao lado do conteúdo.

Pro Crítico

Como corrigir o erro de pagamento (Stripe e PayPal) no Tutor LMS

O pagamento do Tutor LMS não funciona quando o aluno tenta comprar um curso pelo Stripe ou PayPal e o checkout não conclui ou o pedido nunca confirma. Quase sempre vem de chaves de API no ambiente errado (Test no lugar de Live), webhook não configurado no gateway, ou mais de uma engine de eCommerce ativa ao mesmo tempo.

Grave

Como corrigir formulário de contato que não envia email

Um formulário de contato que não envia e-mail no WordPress costuma mostrar sucesso na tela, mas a mensagem nunca chega. A causa quase sempre é o WordPress usar a função PHP mail() sem autenticação; configurar SMTP autenticado faz as mensagens serem entregues de forma confiável.

Pro Grave

Como corrigir entradas que não salvam no banco de dados no WPForms

Quando entries do WPForms não salvam, o e-mail de notificação chega mas nada aparece em WPForms -> Entries. As causas mais comuns são a versão Lite (gratuita), que só envia por e-mail e não grava no banco, e a opção 'Disable storing entry information in WordPress' marcada no formulário. O conserto é checar a licença e essa opção.

Setores

Extensões

Integrações

Como corrigir o CSS personalizado que não aplica no WPForms

Conteúdo exclusivo para membros Pro

Perguntas frequentes

Itens relacionados

Como corrigir a lógica condicional que não funciona no WPForms

Como corrigir a falha de upload de arquivos no WPForms

Como corrigir a barra lateral abaixo do conteúdo no WordPress

Como corrigir o erro de pagamento (Stripe e PayPal) no Tutor LMS

Como corrigir formulário de contato que não envia email

Como corrigir entradas que não salvam no banco de dados no WPForms

Setores

Extensões

Integrações

Extensões

Hero Sections

Seções de CTA

Login

Blog

Cabeçalhos

Seções de FAQ

Cadastro

Blog individual

Rodapés

Seções de contato

Seções de preços

Faixas

Portfólio

Seções de equipe

Números

Logotipos