Schriftfarbe in Shopify ändern (2026)

Das Wichtigste in Kürze

• Die globale Textfarbe wird im Theme-Editor unter Theme-Einstellungen > Farben festgelegt.
• Die meisten Themes haben ein Farbfeld “Text”, das die grundlegende Schriftfarbe für die gesamte Website steuert.
• In einigen Themes kannst du die Farben für einzelne Abschnitte über die Abschnittseinstellungen überschreiben.
• Benutzerdefinierte Farben für bestimmte Elemente erfordern CSS im Assets-Ordner deines Themes.
• Fudge kann gezielte Farbänderungen basierend auf einer einfachen Beschreibung anwenden.

Um die Schriftfarbe in Shopify zu ändern, gehe zu Onlineshop > Themes > Anpassen > Theme-Einstellungen > Farben und bearbeite das Farbfeld für den Text. Um einen einzelnen Abschnitt zu ändern, passe sein Farbschema an; für ein einzelnes Element musst du CSS hinzufügen.

Warum du uns vertrauen kannst

Wir haben Hunderte von Shopify-Storefronts erstellt und angepasst. Wir haben auch Fudge entwickelt, den KI-Operator für Shopify-Stores mit einer Bewertung von 4.9 im Shopify App Store.

Methode 1 - Globale Textfarbe im Theme-Editor ändern

Das ändert die grundlegende Textfarbe in deinem gesamten Shop.

Schritt 1. Gehe zu Onlineshop > Themes > Anpassen.

Schritt 2. Scrolle in der linken Seitenleiste nach unten und klicke auf Theme-Einstellungen.

Schritt 3. Öffne den Bereich Farben.

Schritt 4. Suche das Farbfeld Text (manchmal auch als “Fließtext” oder “Vordergrund” bezeichnet). Klicke darauf, um die Farbauswahl zu öffnen.

Schritt 5. Gib einen Hex-Code ein, verwende die Farbauswahl oder passe die Schieberegler an, um deine Wunschfarbe einzustellen.

Schritt 6. Klicke auf Speichern.

Dadurch wird die Standard-Textfarbe überall dort aktualisiert, wo dein Theme die CSS-Variable --color-foreground oder eine ähnliche Variable verwendet.

Links haben normalerweise ihre eigene Farbeinstellung; siehe Wie man die Linkfarbe in Shopify ändert.

Methode 2 - Abschnittsspezifische Textfarbe ändern

Viele moderne Shopify-Themes lassen dich ein Farbschema pro Abschnitt festlegen – heller Hintergrund mit dunklem Text, dunkler Hintergrund mit hellem Text und so weiter.

Schritt 1. Öffne den Theme-Editor und navigiere zu dem Abschnitt, den du anpassen möchtest.

Schritt 2. Klicke in der linken Seitenleiste auf den Abschnitt, um dessen Einstellungen zu öffnen.

Schritt 3. Suche nach einem Dropdown-Menü für Farbschema. Wähle ein Schema mit dem gewünschten Textfarben-Kontrast.

Schritt 4. Speichern.

Nicht alle Themes haben abschnittsspezifische Farbschemata. Wenn du diese Option nicht siehst, wendet dein Theme eine einzige globale Textfarbe an.

Methode 3 - Schriftfarbe mit CSS ändern

Für präzise Kontrolle – eine bestimmte Überschriftenfarbe, einen farbigen Hinweisblock, die Textfarbe eines einzelnen Elements – brauchst du CSS.

Schritt 1. Dupliziere zuerst dein Theme. Gehe zu Onlineshop > Themes, klicke auf das Drei-Punkte-Menü (…) neben deinem Theme und dann auf Duplizieren.

Schritt 2. Klicke beim Duplikat auf das Drei-Punkte-Menü (…) und dann auf Code bearbeiten.

Schritt 3. Öffne Assets > base.css (oder das Haupt-Stylesheet deines Themes).

Schritt 4. Füge unten in der Datei eine CSS-Regel hinzu. Zum Beispiel:

/* Ändert den gesamten Absatztext in ein dunkles Grau */
p {
    color: #333333;
}

/* Ändert H2-Überschriften in eine Markenfarbe */
h2 {
    color: #1a4b8c;
}

/* Ändert den Text innerhalb eines bestimmten Abschnitts */
.section-announcement-bar {
    color: #ffffff;
}

Schritt 5. Klicke auf Speichern.

Wie du den richtigen CSS-Selektor findest

Mache einen Rechtsklick auf das Element in deinem Browser, wähle Untersuchen (Inspect) und schau dir die Klassennamen des Elements im HTML-Panel an. Verwende diese Klassen als deine CSS-Selektoren.

Wenn du die gesamte Farbpalette und die Schriften aktualisieren möchtest, sieh dir unseren Guide an: So aktualisierst du Farben und Schriftarten in Shopify.

Schriftfarbe im Shopify Seiten-Editor ändern

Wenn du eine eigenständige Seite (Onlineshop > Seiten) bearbeitest, enthält der Rich-Text-Editor ein Textfarben-Tool in der Symbolleiste. Markiere den Text, den du einfärben möchtest, klicke auf das Farb-Icon und wähle deine Farbe aus.

Dadurch wird Inline-Styling auf diesen speziellen Text angewendet. Es wirkt sich nicht auf anderen Text auf deiner Website aus.

Fudge für Farbänderungen der Schrift verwenden

Wenn die Farbeinstellungen des Theme-Editors nicht ausreichen, kann Fudge, der KI-Operator für Shopify-Stores, gezielte Farbänderungen vornehmen, ohne dass du CSS schreiben musst. Beschreibe einfach, was du willst:

“Ändere die Farbe der Überschriften auf den Produktseiten in unser Marken-Blau, #1a4b8c.”

“Mache den Text in der Ankündigungsleiste weiß.”

Fudge schreibt das CSS, wendet es als Entwurf auf dein Theme an, und du überprüfst es vor der Veröffentlichung. Da Fudge zuerst dein Theme analysiert, funktioniert die neue Farbe mit deinen bestehenden Farbeinstellungen, anstatt mit ihnen zu kollidieren.

Kurzübersicht

Wie ändere ich die Schriftart (Typeface) in Shopify?

Das Ändern der Schriftfamilie – also der Schriftart selbst, nicht der Farbe – erfolgt unter Theme-Einstellungen → Typografie, nicht unter Farben. Dort findest du separate Auswahlen für die Überschriftenschriftart und die Fließtextschriftart. Eine vollständige Anleitung findest du unter Schriftarten in Shopify aktualisieren.

Wie füge ich eine neue Farbe zu meinem Shopify-Theme hinzu?

Gehe zu Theme-Einstellungen → Farben (oder Farbschemata in modernen Themes wie Dawn). Klicke auf ein beliebiges Farbfeld, um die Farbauswahl zu öffnen, und gib deinen Hex-Code ein. Für Farben, die im Theme-Editor nicht verfügbar sind – wie Symbolfarben oder Hover-Effekte – musst du CSS hinzufügen. Den kompletten Ablauf findest du in unserem Guide zum Aktualisieren von Markenfarben in Shopify.

Wenn du neue Farben auswählst, anstatt eine bestehende Palette anzuwenden, erstellt unser kostenloser AI Shopify Store Builder eine komplette Palette inklusive passender Typografie – basierend auf einer Beschreibung dessen, was du verkaufst.

FAQ