Schriftart und Hintergrundfarbe ändern

Anpassung von Schriftart und Hintergrundfarbe für den Onlineshop

Schriftart der Website ändern

Die Schriftart für die Website kann im Website-Editor im Bereich "Designmotiv" geändert werden.

Bei der Einstellung "Schriftartfamilie" können die Einstellungen "Überschriften" und "Schaltflächen" über den Pfeil ausgeklappt werden.

• Schriftartfamile: Schriftart für alle Texte auf der Website (die keine Überschrift oder Schaltfläche sind)

• Überschriften: Schriftart für alle Überschriften auf der Website

• Schaltflächen: Schriftart für alle Buttons auf der Website

Die Änderung der Schriftart wird für die ganze Website durchgeführt, davon ausgenommen ist die Schriftart der Website-Navigationslinks in den Menüs.

Schriftart der Website-Navigationslinks (Menüs) ändern

Die Schriftart der Navigationslinks auf der Website kann über eine kleine Anpassung geändert werden.

Dafür wird der Website-Editor im Bearbeitungsmodus geöffnet und der Bereich "DESIGNMOTIV" geöffnet. Unter Website-Einstellungen -> Code-Injektion wird anschließend der Button ausgewählt.

Dadurch öffnet sich ein neues Fenster "Benutzerdefinierter Kopf-Code". In diesem wird der folgende Code hinzugefügt:

<style>
.nav-link {
	font-family: "meineSchriftart" !important;
}
</style>

Nach Speichern der Änderung werden die Navigationslinks mit der eingetragenen Schriftart angezeigt.

Hintergrundfarbe der Produktseite (Shop) und des Main-Bereichs ändern

Die Hintergrundfarbe der Produktseite und des Main-Bereichs kann über eine Anpassung im Website-Editor geändert werden.

Dafür wird der Website-Editor im Bearbeitungsmodus geöffnet und der Bereich "DESIGNMOTIV" geöffnet. Unter Website-Einstellungen -> Code-Injektion wird anschließend der Button ausgewählt.

Dadurch öffnet sich ein neues Fenster "Benutzerdefinierter Kopf-Code". In diesem wird der folgende Code hinzugefügt:

<style>
main {
	background-color: #d7dec1 !important;
}
</style>

Nach "background-color:" wird die gewünschte Farbe mit dem Hexcode, beginnend mit "#" angegeben.

Nach Speichern der Änderung wird die Produktseite und der Main-Bereich mit der ausgewählten Hintergrundfarbe dargestellt.