Anpassen des Speichern und Fortsetzen-Links

Übersicht

Möchten Sie den Speichern und Fortsetzen-Link anpassen? Mit einem kleinen CSS-Snippet können Sie den Textlink, der angezeigt wird, wenn das Addon „Speichern und Fortsetzen“ aktiviert ist, ganz einfach in einen Button umwandeln. Lassen Sie uns beginnen!

Hinzufügen des CSS-Snippets

Für diese Dokumentation gehen wir davon aus, dass Sie Ihr Formular bereits erstellt und das Addon „Speichern und Fortsetzen“ aktiviert haben.

Sollten Sie jedoch Hilfe beim Aktivieren dieses Addons für Ihr Formular benötigen, sehen Sie sich bitte diesen hilfreichen Leitfaden an.

Sobald Ihr Formular erstellt und das Addon aktiviert ist, fügen Sie einfach dieses CSS zu Ihrer Website hinzu und passen Sie die Farben, die Schriftart, die Schriftgröße usw. nach Belieben an.

Wenn Sie Hilfe benötigen, wie und wo Sie CSS-Snippets zu Ihrer Website hinzufügen können, sehen Sie sich bitte dieses Tutorial an.

Styling für alle Formulare

a.wpforms-save-resume-button {
    padding: 10px;
    text-decoration: none !important;
    background-color: #e27730;
    border-radius: 3px;
    color: #ffffff !important;
    font-family: 'Roboto' !important;
    font-size: 17px !important;
    border: 1px solid #e27730;
    transition: all 0.3s ease-out;
}

a.wpforms-save-resume-button:hover {
    color: #e27730 !important;
	background-color: #ffffff;
}

Styling für bestimmte Formulare

Wenn Sie diese Änderung nur auf ein bestimmtes Formular anwenden möchten, verwenden Sie stattdessen dieses CSS.

form#wpforms-form-999 a.wpforms-save-resume-button {
    padding: 10px;
    text-decoration: none !important;
    background-color: #e27730;
    border-radius: 3px;
    color: #ffffff !important;
    font-family: 'Roboto' !important;
    font-size: 17px !important;
    border: 1px solid #e27730;
    transition: all 0.3s ease-out;
}

form#wpforms-form-999 a.wpforms-save-resume-button:hover {
    color: #e27730 !important;
	background-color: #ffffff;
}

Und jetzt, wenn Sie das Formular anzeigen, können Sie sofort den Unterschied sehen!

Möchten Sie auch die E-Mail-Betreffzeile für dieses Addon anpassen, wenn Benachrichtigungen gesendet werden? Sehen Sie sich unser Tutorial „So ändern Sie die E-Mail-Betreffzeile bei Speicher- und Fortsetzungs-E-Mail-Benachrichtigungen“ an.