Wie füge ich benutzerdefiniertes CSS hinzu?
Verwende benutzerdefinierten Code, um das Erscheinungsbild deiner Website über die Standardoptionen hinaus feinzutunen.
Kurze Antwort: Gehe zu Website > Baukasten > Seiteneinstellungen > Reiter Design, um benutzerdefiniertes CSS hinzuzufügen.
Die Option für benutzerdefiniertes CSS finden
Gehe zu Website > Baukasten
Klicke auf Seiteneinstellungen
Wähle den Reiter Design
Scrolle nach unten zum Textfeld Benutzerdefiniertes CSS
Gib deinen CSS-Code ein
Klicke auf Speichern
Was du mit CSS anpassen kannst
Schriftgrößen und -stile
Abstände und Ränder
Farben und Hintergründe
Button-Erscheinungsbild
Abschnittslayouts
Mobile-spezifische Stile
Beispiel: Eine Schriftgröße ändern
.section-title {
font-size: 32px;
}
Beispiel: Abstände anpassen
.content-section {
padding: 40px 20px;
}
Beispiel: Benutzerdefinierte Button-Farbe
.btn-primary {
background-color: #d4a574;
border-color: #d4a574;
}
Wo benutzerdefiniertes CSS gilt
Benutzerdefiniertes CSS, das hier hinzugefügt wird, gilt nur für deine Hochzeitswebsite (die Seiten und Abschnitte, die du im Website-Editor erstellst). Es gilt nicht für:
Das Rückmeldung-Formular
Das Kontaktdaten-Formular
Das Check-in-Formular
Die Zugangscode-Seite
Die „Demnächst"-Seite
Diese Seiten verwenden ein separates Standardlayout, das nicht von dem CSS deiner Website beeinflusst wird. Benutzerdefiniertes CSS für E-Cards ist ebenfalls separat und gilt nur für die E-Card selbst.
Wichtige Hinweise
CSS erfordert etwas technisches Wissen
Änderungen betreffen deine gesamte Website (aber nicht das Rückmeldung-Formular oder andere oben genannte Seiten)
Teste gründlich auf Handy und Desktop
Fehlerhaftes CSS kann dein Layout zerstören
Speichere ein Backup des funktionierenden CSS vor Änderungen
Wenn etwas kaputtgeht
Wenn dein CSS Probleme verursacht:
1. Gehe zurück zu den CSS-Einstellungen
2. Entferne oder kommentiere die letzten Änderungen aus
3. Speichere und aktualisiere deine Seite
4. Füge Änderungen einzeln wieder hinzu
Tipps
Beginne mit kleinen Änderungen
Verwende die Browser-Entwicklertools, um Elementnamen zu finden
Teste auf mehreren Geräten
Halte dein CSS mit Kommentaren organisiert
Überschreibe keine kritischen Layout-Stile
Verwandte Artikel