Möchtest du das Design des Buchungsformulars oder der Veranstaltungstabelle ändern? In diesem Artikel erfährst du, wie du diese bei Bedarf anpassen kannst.
Für Buchungsformulare und Veranstaltungstabellen werden sowohl die CSS-Klassen deiner Webseite als auch unsere eigenen CSS-Klassen verwendet. Die CSS-Klassen der Software findest du im Bereich „Konfiguration“.
Folge diesen Schritten:
Klicke im linken Seitenmenü auf Einstellungen.
Scrolle nach unten zum Bereich „Konfiguration“.
Wähle anschließend Haupteinstellungen aus.
Gehe zum zusätzlichen CSS-Code.
Alternativ kannst du die Konfiguration direkt über die URL aufrufen:
Beispiel
Folgendes Beispiel ändert die Primärfarbe der Buchungsseite:
.websail {
--ws-primary-color: #69317f;
--ws-primary-color-contrast: #fff;
}
Nach dem Speichern werden die Änderungen direkt auf den entsprechenden Seiten übernommen.
Wofür kannst du den zusätzlichen CSS-Code verwenden?
Mit eigenem CSS könntest du beispielsweise:
Farben an dein Design anpassen
Schriftgrößen und Schriftarten ändern
Buttons individuell gestalten
Abstände und Layouts optimieren
Elemente ein- oder ausblenden
❗️Hinweis:
Für die Nutzung dieses Bereichs sind grundlegende CSS-Kenntnisse erforderlich.
Falscher CSS-Code kann die Darstellung der Buchungsseite beeinträchtigen.
✅ Fertig!