Atenção!

Este artigo contém código CSS e é destinado a desenvolvedores. Oferecemos esse código como cortesia, mas não fornecemos suporte para personalizações de código ou desenvolvimento de terceiros.

Para obter orientação adicional, consulte o tutorial do WPBeginner sobre como adicionar CSS personalizado.

Dispensar

Como corrigir a sobreposição do tema BE no botão Enviar

Atualizado:

Visão geral

Você está usando o tema BE e está percebendo uma sobreposição quando passa o mouse sobre o botão Enviar? Essa sobreposição se deve a um estilo padrão que o tema adiciona a todos os botões, mas pode ser facilmente corrigida para seus formulários adicionando um pequeno trecho de CSS.

exibição de wpforms antes da alteração do css

Configuração

Basta copiar e colar esse CSS em seu site. Se precisar de ajuda para adicionar CSS ao seu site, consulte este tutorial. 

.wpforms-page-button:after, 
.wpforms-submit:after { 
    display: none !important; 
}

Depois que o CSS for adicionado, você não verá mais essa sobreposição nos botões Enviar do WPForms.

Com este css adicionado, a sobreposição no botão enviar quando você passar o mouse não ficará mais visível

E é isso! Você gostaria de experimentar outros tutoriais de CSS? Dê uma olhada em nosso tutorial sobre Como adicionar CSS ao foco do campo do formulário.

Marcado
Ainda está preso? Como podemos ajudar?
Última atualização em 23 de junho de 2023