--- title: "Como corrigir o CSS personalizado que não aplica no WPForms" url: https://full.services/wp-fixer/corrigir-css-styling-wpforms/ date: 2026-06-17 author: "Clayton Margiotti" --- # Como corrigir o CSS personalizado que não aplica no WPForms ## O que é o CSS do WPForms que não aplica no formulário? O WPForms carrega sua própria folha de estilo para garantir uma aparencia consistente do formulário em qualquer tema do WordPress. Quando você adiciona CSS personalizado, ele compete com esses estilos padrão: se o seu seletor for menos específico que o do plugin, o navegador aplica o estilo do WPForms e ignora o seu. Por isso o formulário abre com a aparencia padrão mesmo depois de você salvar o CSS. Não e um bug do plugin, e a regra de especificidade do CSS resolvendo o conflito a favor do seletor mais longo. ## Como identificar - O formulário abre com a fonte, cores e botao padrão do WPForms mesmo depois de salvar o CSS personalizado no Personalizar - CSS adicional. - Ao inspecionar o campo no navegador, a regra do WPForms aparece ativa e a sua regra aparece riscada (sobrescrita). - Você adiciona um !important no CSS e mesmo assim o estilo padrão do WPForms continua vencendo. - O CSS funciona em uma janela anonima mas não na navegação normal, ou aparece em um navegador e não em outro. ## Como prevenir - Sempre inicie o CSS personalizado pela cadeia div.wpforms-container-full para igualar a especificidade padrão do WPForms desde o comeco. - Mantenha o CSP de formulários em Aparencia - Personalizar - CSS adicional, num so lugar versionado, em vez de espalhado por campos. - Após qualquer alteração de CSS, limpe o cache do plugin e do servidor para não testar uma folha antiga. Erros relacionados - [Como corrigir o conflito de estilos de formulário entre WPForms e Elementor](https://full.services/wp-fixer/corrigir-conflito-estilos-wpforms-elementor/) - [Como corrigir os estilos do WPForms que não aplicam com o Astra Pro](https://full.services/wp-fixer/corrigir-estilos-wpforms-astra-pro/) - [Como corrigir o layout quebrado no mobile do WPForms](https://full.services/wp-fixer/corrigir-mobile-layout-wpforms/) --- ## Metadados Estruturados (Schema.org) ```json-ld { "@context": "https://schema.org", "@graph": [ { "@type": "Organization", "@id": "https://full.services/#org", "name": "FULL Services", "url": "https://full.services/", "sameAs": [ "https://www.instagram.com/fullservicesbr", "https://www.facebook.com/fullservices.br", "https://www.linkedin.com/company/fullservicesbr/" ], "knowsAbout": [ "WordPress", "WordPress Hosting", "Web Development", "Performance Optimization", "WordPress Security", "SEO para WordPress" ], "award": [ "Gold Medal - The WP Weekly Awards 2023", "Gold Medal - The WP Weekly Awards 2024" ], "logo": { "@type": "ImageObject", "url": "https://full.services/wp-content/uploads/full-services-logo.png", "width": 200, "height": 60 }, "hasCredential": { "@type": "EducationalOccupationalCredential", "credentialCategory": "certification", "name": "CVE Numbering Authority (CNA)", "description": "Autoridade de numeração de vulnerabilidades (CVE) para o ecossistema WordPress, autorizada a atribuir IDs CVE. Válida desde 2022-05-03, com abrangência global.", "url": "https://www.cve.org/PartnerInformation/ListofPartners/partner/FULL", "recognizedBy": { "@type": "Organization", "name": "CISA — Cybersecurity and Infrastructure Security Agency", "url": "https://www.cisa.gov/", "sameAs": "https://www.cisa.gov/" } } }, { "@type": "TechArticle", "@id": "https://full.services/wp-fixer/corrigir-css-styling-wpforms/#article", "headline": "Como corrigir o CSS personalizado que não aplica no WPForms", "url": "https://full.services/wp-fixer/corrigir-css-styling-wpforms/", "inLanguage": "pt-BR", "datePublished": "2026-06-17T12:08:22-03:00", "dateModified": "2026-06-17T12:37:51-03:00", "author": { "@id": "https://full.services/#org" }, "publisher": { "@id": "https://full.services/#org" }, "isAccessibleForFree": false, "about": [ { "@type": "Thing", "@id": "https://www.wikidata.org/wiki/Q13166", "name": "WordPress", "sameAs": "https://www.wikidata.org/wiki/Q13166", "url": "https://wordpress.org/" }, { "@type": "Thing", "name": "Outros erros" } ], "mentions": { "@type": "Thing", "@id": "https://www.wikidata.org/wiki/Q13166", "name": "WordPress", "sameAs": "https://www.wikidata.org/wiki/Q13166", "url": "https://wordpress.org/" }, "mainEntityOfPage": { "@type": "WebPage", "@id": "https://full.services/wp-fixer/corrigir-css-styling-wpforms/" }, "wordCount": 662, "description": "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.", "articleSection": "Outros erros", "keywords": "css wpforms nao funciona, estilizar formulario wpforms css, include form styling wpforms, wpforms css personalizado nao aplica", "proficiencyLevel": "Intermediate", "citation": { "@type": "CreativeWork", "url": "https://wpforms.com/docs/how-to-troubleshoot-css-not-working/", "name": "WPForms — Troubleshooting CSS Not Working" }, "mainEntity": { "@type": "SoftwareSourceCode", "name": "Como corrigir o CSS personalizado que não aplica no WPForms", "programmingLanguage": "CSS", "codeRepository": "https://full.services/wp-fixer/corrigir-css-styling-wpforms/", "isAccessibleForFree": false } }, { "@type": "FAQPage", "@id": "https://full.services/wp-fixer/corrigir-css-styling-wpforms/#faq", "isPartOf": { "@id": "https://full.services/wp-fixer/corrigir-css-styling-wpforms/#article" }, "isAccessibleForFree": true, "mainEntity": [ { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-css-styling-wpforms/#faq-q1", "name": "Por que meu CSS do WPForms não aplica mesmo salvo?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "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.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-css-styling-wpforms/#faq-q2", "name": "Coloquei !important e o estilo padrão do WPForms continua vencendo. Por que?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "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.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-css-styling-wpforms/#faq-q3", "name": "Onde devo colar o CSS personalizado do WPForms?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "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.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-css-styling-wpforms/#faq-q4", "name": "O que e a opção Include Form Styling do WPForms?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "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.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-css-styling-wpforms/#faq-q5", "name": "Mudar Include Form Styling para No styling resolve o conflito?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "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.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-css-styling-wpforms/#faq-q6", "name": "Meu CSS aparece em janela anonima mas não na normal. O que e isso?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "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.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-css-styling-wpforms/#faq-q7", "name": "Preciso editar arquivos do tema para estilizar o WPForms?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "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.", "author": { "@id": "https://full.services/#org" } } } ] } ] } ```