Atenção!

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

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

Dispensar

Como Corrigir a Sobreposição do Tema BE no Botão de Envio

Atualizado em:
Ver Markdown

Visão geral

Você está usando o BE Theme e notou uma sobreposição ao passar o mouse sobre o seu botão Enviar? Essa sobreposição ocorre devido a alguns estilos 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.

wpforms exibido antes da alteração do css

Configuração

Basta copiar e colar este 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 em seus botões Enviar para WPForms.

com este css adicionado, a sobreposição no botão de envio ao passar o mouse não será mais visível

E é isso! 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 com dificuldades? Como podemos ajudar?
Última atualização em 23 de jun. de 2023