Hallo,
ich würde gern die Hintergrundfarbe auf den Richtlinien- Seiten und der Login-Seite auf weiß und die Schriftfarbe auf schwarz ändern. Wie ist der CSS-Code dafür?
Lieben Dank vorab!
Topic summary
Thema: Anpassung der Hintergrundfarbe und Schriftfarbe auf Richtlinien- und Login-Seiten eines Shopify-Shops.
Ausgangsfrage: Ein Nutzer möchte die Hintergrundfarbe auf weiß und die Schriftfarbe auf schwarz ändern und fragt nach dem entsprechenden CSS-Code.
Empfohlene Lösungsansätze:
-
Theme-Einstellungen nutzen: Über Shopify-Admin → “Onlineshop” → “Themes” → “Anpassen” können Farbschemas definiert und Hintergrundfarben angepasst werden.
-
Code-Bearbeitung: Falls Theme-Editor-Anpassungen nicht ausreichen, können JSON-Templates und spezifische CSS-Snippets verwendet werden. Beispiele aus der Shopify-Community zeigen ähnliche Anpassungen.
-
Shopify-Support: Für Shopify-Themes steht 60 Minuten Design-Zeit zur Verfügung, um kleine Anpassungen vornehmen zu lassen.
Wichtige Hinweise:
- Vor Code-Änderungen sollte ein Theme-Backup erstellt werden.
- Tests sollten in einer Testumgebung/Theme-Kopie durchgeführt werden.
- Code-Änderungen können Page-Loading-Speed beeinflussen und Theme-Updates ausschließen.
- Alternativ kann ein Shopify-Experte engagiert werden.
Zusätzlich benötigt: Ein befristeter Vorschaulink und Theme-Name würden die Analyse erleichtern.
Hey @leolha
Danke für die Fragen und bei so einem Fall wäre ein befristeter Vorschaulink zu einem Beispiel sehr hilfreich das schneller zu analysieren, sowie zu wissen um welches Theme es sich handelt da alle Theme ja unterschiedlich im Code und den CSS Anforderungen sind.
Shopify ermöglicht es dir, verschiedene Farbschemas in den Theme-Einstellungen zu definieren. Du kannst diese Schemas verwenden, um einheitliche Farben auf deinem Online-Shop anzuwenden. Dies beinhaltet auch die Hintergrundfarbe von bestimmten Abschnitten deines Shops. Dazu gehst du im Shopify-Adminbereich zu “Onlineshop” > “Themes”, wählst dein Theme aus und klickst auf “Anpassen”. Im Bereich “Farben” kannst du dann ein vorhandenes Farbschema auswählen oder ein neues hinzufügen, wobei du die Hintergrundfarbe entsprechend ändern kannst.
Nicht vergessen, falls das ein Shopify Theme ist können wir dir auch kleine Anpassungen machen aufgrund deines 60-Min Design Time (mehr dazu hier).
Ansonsten:
Wenn die direkte Anpassung im Theme-Editor nicht ausreicht oder spezifische Seiten wie die Richtlinien-Seite angepasst werden sollen, kannst du den Code deines Dawn Themes bearbeiten, wie z. B. die JSON-Templates und Abschnitts-Einstellungen verwenden, um spezifische Anpassungen vorzunehmen. Hierbei ist jedoch Vorsicht geboten, da fehlerhafte Code-Änderungen zu unerwünschten Ergebnissen führen können. Ausserdem, wenn du es selber programmieren möchtest dann bitte immer in einer Themekopie/Testumgebung zuerst testen und zusammen mit einem Experten/Programmierer. Du kannst ein Backup deines Themes erstellen, bevor man den Code bearbeitet, oder den Code wiederherstellen, falls dies nötig sein sollte. Du könntest auch einen unserer Experten engagieren indem du denen eine E-Mail rüberschießt. Unsere Experten antworten meist sehr schnell.
Änderungen zu deinem Theme Code können auch 1) die Page Loading Speeds negativ beeinflussen und 2) dein Theme aus den Theme Updates ausschließen. Das Ganze ist Theme-abhängig, ohne Gewähr und dient lediglich dazu dich in die richtige Richtung zu weisen!
In einigen Fällen, wie in der Shopify Community diskutiert, kann es hilfreich sein, spezifische Code-Snippets zu verwenden, um die Hintergrundfarbe zu ändern. Ein Nutzer hat zum Beispiel versucht, mit dem CSS-Snippet div { background-color: #ff0000; } die Farbe zu ändern, was jedoch zu dem Problem führte, dass das Produktbild verschwand.
In solchen Fällen kann es also nützlich sein, spezifische Hilfe von der Community im Design Forum hier von unseren Shopify-Experten zu suchen.
Hoffe das hilft dir weiter! 