Você está em boa companhia com suporte incrível 🤝

Estilos do plugin sendo sobrescritos pelo CSS do tema

Time Full Services Time Full Services
Nome do erro Estilos do plugin sendo sobrescritos pelo CSS do tema
Severidade Informativo
Desde WordPress 2.6
Descrição Regras de estilo definidas pelo plugin perdem efeito porque o CSS do tema é aplicado por cima.

Regras de estilo definidas pelo plugin perdem efeito porque o CSS do tema é aplicado por cima.

Causa

O CSS do tema costuma ser carregado depois do CSS do plugin e/ou possui seletores com maior especificidade (ex: classes aninhadas, IDs), fazendo suas regras prevalecerem na cascata.

Como resolver

Aumente a especificidade do seletor de forma controlada (combine classes em vez de recorrer a !important), declare o handle do tema como dependência no wp_enqueue_style do plugin, ou utilize CSS Custom Properties para permitir sobrescrita previsível pelo tema.

CSS
/* Em vez de recorrer a !important... */
.meu-plugin .botao { background: var(--cor-primaria, #2271b1); }

/* Garanta que o CSS do plugin carregue depois do estilo do tema */
wp_enqueue_style( 'meu-plugin', $url, [ 'tema-estilo-principal' ], '1.0.0' );

Seja PRO.

Tenha acesso a snippets de código premium — PHP, JavaScript, CSS e HTML prontos para usar em seus projetos.

Conhecer o plano Pro →