Achtung!

Dieser Artikel enthält CSS-Code und richtet sich an Entwickler. Wir stellen diesen Code als Service zur Verfügung, bieten jedoch keinen Support für Codeanpassungen oder die Entwicklung durch Dritte.

Für zusätzliche Hilfe sehen Sie sich bitte das Tutorial von WPBeginner zum Hinzufügen von benutzerdefiniertem CSS an.

Schließen

So korrigieren Sie das BE-Theme-Overlay auf der Schaltfläche "Senden"

Aktualisiert:
Markdown anzeigen

Übersicht

Verwenden Sie das BE-Theme und bemerken Sie eine Überlagerung, wenn Sie mit der Maus über Ihre Senden-Schaltfläche fahren? Diese Überlagerung ist auf einige Standardstile zurückzuführen, die das Theme allen Schaltflächen hinzufügt, kann aber für Ihre Formulare leicht korrigiert werden, indem ein kleiner CSS-Schnipsel hinzugefügt wird.

wpforms-anzeige vor der css-änderung

Einrichtung

Kopieren und fügen Sie dieses CSS einfach auf Ihrer Website ein. Wenn Sie Hilfe beim Hinzufügen von CSS zu Ihrer Website benötigen, sehen Sie sich bitte dieses Tutorial an.

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

Sobald das CSS hinzugefügt wurde, sehen Sie diese Überlagerung auf Ihren Senden-Schaltflächen für WPForms nicht mehr.

Mit diesem hinzugefügten CSS ist die Überlagerung auf der Senden-Schaltfläche beim Darüberfahren nicht mehr sichtbar

Das ist alles! Möchten Sie andere CSS-Tutorials ausprobieren? Schauen Sie sich unser Tutorial an, wie Sie CSS zum Formularfeld-Fokus hinzufügen.

Schlagwörter:
Immer noch festgefahren? Wie können wir helfen?
Zuletzt aktualisiert am 23. Juni 2023