Attenzione!

Questo articolo contiene codice CSS ed è destinato agli sviluppatori. Offriamo questo codice per cortesia, ma non forniamo supporto per personalizzazioni del codice o sviluppo di terze parti.

Per ulteriore assistenza, consulta il tutorial di WPBeginner su come aggiungere CSS personalizzato.

Chiudi

Come correggere la sovrapposizione del tema BE sul pulsante di invio

Aggiornato:
Visualizza Markdown

Panoramica

Stai usando il tema BE e noti una sovrapposizione quando passi il mouse sopra il pulsante Invia? Questa sovrapposizione è dovuta ad alcuni stili predefiniti che il tema aggiunge a tutti i pulsanti, ma può essere facilmente corretta per i tuoi moduli aggiungendo un piccolo snippet CSS.

wpforms visualizzazione prima della modifica css

Configurazione

Copia e incolla semplicemente questo CSS sul tuo sito. Se hai bisogno di assistenza per aggiungere CSS al tuo sito, consulta questo tutorial.

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

Una volta aggiunto il CSS, non vedrai più quella sovrapposizione sui pulsanti Invia per WPForms.

con questo css aggiunto, la sovrapposizione sul pulsante di invio quando passi il mouse sopra non sarà più visibile

E questo è tutto! Vuoi provare altri tutorial CSS? Dai un'occhiata al nostro tutorial su Come aggiungere CSS al focus dei campi del modulo.

Taggato:
Ancora bloccato? Come possiamo aiutarti?
Ultimo aggiornamento il 23 giugno 2023