Farbverläufe als Hintergrund verwenden

Farbverläufe als Hintergrund erzeugen einen schönen Effekt und wirken dynamischer als einfarbige Hintergründe. Natürlich können Sie auch beide Hintergrunddesign-Optionen gleichzeitig in Ihrem Shop verwenden. Weitere Informationen finden Sie unter Hintergrunddesign für Inhaltselemente bearbeiten.

So stellen Sie einen Hintergrund mit Farbverlauf ein

Sobald Sie ein Inhaltselement zu einer Seite hinzugefügt haben, können Sie einen Farbverlauf als Hintergrund einstellen. Alle Änderungen werden direkt im Vorschaubereich des Editors angezeigt.

1. Wählen Sie das Inhaltselement aus oder bewegen Sie den Mauszeiger über das Element. Am oberen Rand des Inhaltselements erscheint eine blaue Leiste.
2. Wählen Sie .
3. Wählen Sie die Option Hintergrund mit Farbverlauf.
4. Wählen Sie, ob Sie 2 Farben oder 3 Farben verwenden möchten.
5. Wenn Sie die Richtung des Farbverlaufs ändern möchten, wählen Sie den Link Farbrichtung wechseln.
6. Wählen Sie die Farben, die Sie für Ihren Farbverlauf verwenden möchten, indem Sie die Farbkästchen auswählen.
   • Wählen Sie die gewünschte Farbe aus der Farbpalette .
   • Sie können auch eine der vordefinierten Farben auswählen . Dazu gehören immer die Grundfarben Schwarz und Weiß. Darüber hinaus finden Sie hier die aktuell ausgewählten Shop-Farben.
   • Um einen genauen Farbton zu wählen, können Sie auch einen Hex-Code in das Textfeld eingeben .
     Wenn Sie eine bestimmte Farbe für Ihren Shop verwenden möchten, können Sie ein Farbpipetten-Werkzeug, auf Englisch "Colour picker" genannt, verwenden, um den entsprechenden Hex-Code zu ermitteln. Auf diese Weise können Sie schnell den genauen Farbton auswählen. Colour picker sind kostenlos auf verschiedenen Websites und als Erweiterungen für die gängigsten Browser verfügbar.
   • Beachten Sie, dass Sie die Standardfarbe der Design-Vorlage wiederherstellen, wenn Sie den Link Zurücksetzen wählen, nicht die Farbe, die Sie möglicherweise zuvor ausgewählt haben.
7. Wählen Sie unter Ausrichtung, ob Sie einen horizontalen , vertikalen , oder diagonalen  Farbverlauf haben möchten.
8. Wenn Sie das Standard-Hintergrunddesign für dieses Inhaltselement wiederherstellen möchten, wählen Sie den Link Zurücksetzen auf der Ansicht Hintergrund-Design bearbeiten.
   Beachten Sie, dass dadurch die Standardfarbe der Design-Vorlage wiederhergestellt wird, nicht die Farbe, die Sie möglicherweise zuvor ausgewählt haben. Wenn Sie die Farbe beibehalten möchten, die zu Beginn der Bearbeitung ausgewählt war, müssen Sie den Vorgang abbrechen, indem Sie Abbrechen wählen.
9. Wählen Sie Speichern.

Sie haben einen Farbverlauf als Hintergrunddesign eingestellt.

Um für andere Inhaltselemente auch einen Farbverlauf als Hintergrund einzustellen oder um einen Farbverlauf erneut zu bearbeiten, wiederholen Sie die oben genannten Schritte. Ihre Änderungen werden direkt für Ihren Shop übernommen.

Tipps für die verschiedenen Farbverlauf-Einstellungen

• Um verschiedene Effekte zu erzielen, können Sie zum Beispiel die Option 3 Farben wählen, aber für zwei davon die gleiche Farbe einstellen.
• Wenn Sie ähnliche Farben verwenden, erzielen Sie einen dezenteren Effekt, während sehr unterschiedliche Farben dramatischer wirken.
• Wenn Sie einen weicheren Übergang wünschen, können Sie für das erste Inhaltselement einen einfarbigen Hintergrund und für das zweite Inhaltselement einen vertikalen Farbverlauf festlegen, der mit der Farbe des ersten Elements beginnt. Dies könnte wie folgt aussehen:

Info

Weitere Tipps finden Sie unter Hintergrunddesign für Inhaltselemente bearbeiten.