Hey @mikesch23
Danke für den Preview Link und kann es sein dass die blaue Farbe eher Browser-abhängig ist? Für mich erscheinen keine blaue Trennlinien:
Außerdem schwebt dein Logo etwas komisch über der Homepage was nicht besonders gut aussieht wie du im Bild oben sehen kannst.
Um diese zu ändern, die beim Scrollen oder Laden von Inhalten erscheint, musst du die Hintergrundfarbe des Body-Elements oder der spezifischen Elemente, die für das Scrollen verantwortlich sind, in deinem CSS anpassen. Such nach background-color-Eigenschaften, die eventuell mit den Scroll-Events verknüpft sind, und ändere den Wert auf die gewünschte Farbe.
Die blauen Trennlinien, die du erwähnst, könnten Teil des Designs deines Themes sein oder durch zusätzlichen CSS-Code hinzugefügt worden sein. Um sie zu entfernen oder die Farbe zu ändern, musst du den CSS-Selektor für diese Linien finden und entweder die border-color anpassen, um die Farbe zu ändern, oder die border-Eigenschaft entfernen, um sie ganz zu beseitigen.
Für die blaue Farbe beim Scrollen und Laden, die häufig als Overscroll-Effekt bezeichnet wird, musst du auf das entsprechende Element, das den Overscroll-Effekt steuert, zugreifen. Es könnte Teil der Standard-Styling-Eigenschaften deines Browsers oder deines Shopify-Themes sein. Manche moderne Browser wie Chrome auf Android zeigen diesen Effekt standardmäßig an.
Das Element .color-scheme-81f34fa6-ecab-4210-bd5a-b6ad5b956d38 scheint ein Farbschema oder eine Klasse zu sein, die sich auf die Hintergrundfarbe oder einen Gradienten bezieht. Um diese zu ändern, such in deinen CSS-Dateien nach dieser Klasse und ändere die Hintergrundfarbe.
Für die blauen Trennlinien – ohne den spezifischen Code zu sehen, ist es schwierig zu wissen, wie diese Linien hinzugefügt wurden. Sie könnten Teil eines Borders, einer Pseudo-Klasse oder eines anderen Elements sein. Du kannst sie mit den Entwicklertools deines Browsers inspizieren und die entsprechende CSS-Eigenschaft finden und ändern. Wenn es sich um eine Border handelt, such nach border-color oder border-top, border-bottom und passe sie wie folgt an:
.border-element {
border-color: #desiredColor; /* Ersetze #desiredColor mit deiner gewünschten Farbe */
}
Um das Farbschema zu ändern, das beim Scrollen und Laden von Seiten erscheint, sowie die Farbe der Trennlinien anzupassen, kannst du das CSS deines Shopify-Themas ändern. Im HTML-Code, den du bereitgestellt hast, gibt es Klassen, die auf die Farbschemata und Stile hinweisen, zum Beispiel color-accent-2 gradient oder color-scheme-81f34fa6-ecab-4210-bd5a-b6ad5b956d38.
Um die Farbe zu ändern, suche in den CSS-Dateien deines Shops nach diesen Klassen und passe die background-color oder border-color Eigenschaften an. Um die Farben der Überscroll-Effekte zu ändern, solltest du nach Eigenschaften wie ::before, ::after oder Pseudo-Elemente für body oder html schauen, die für solche Effekte zuständig sein könnten.
FAZIT:
-
Die blaue Farbe, die du beim Über-Scrollen oder Laden der Seite siehst, ist vermutlich durch die Standardeinstellungen der Webbrowser oder durch das CSS deines Shopify-Themas festgelegt. Diese Farbe wird oft verwendet, um den Overscroll-Effekt zu zeigen. Um diese Farbe zu ändern, musst du die CSS-Regeln für den Overscroll-Effekt in deinem Theme anpassen. Suche in den CSS-Dateien deines Themes nach Eigenschaften wie background-color oder ::before, ::after Pseudo-Elemente, die für den Body- oder HTML-Tag definiert sein könnten.
-
Für die blauen Trennlinien, suche in deinen CSS-Dateien nach den Klassen oder IDs, die den Abschnitten „Versandinformationen“ und „Bildquellen“ entsprechen. Es könnte eine border-bottom oder eine border-top Eigenschaft sein, die die Linie hinzufügt. Du kannst diese Eigenschaft dann ändern, um die Farbe zu wechseln, oder sie entfernen, um die Linie zu löschen.
Hoffe das hilft dir weiter - lass wissen falls nicht! 
Warum nicht etwas Gamification in das Shop einbauen, um deinen Kunden etwas Fun im Shop anzubieten? Gerne kann ich bei Interesse Tipps dazu geben!
Hast du weitere Fragen zum Shop? Gebe einfach ein Suchbegriff oben in der Suchleiste der Community Landingpage ein, denn das Thema haben wir sehr wahrscheinlich schon besprochen. Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community.
