So änderst du die “Lade”-Farbe bei Squarespace
Heute kommt ein Squarespace-Tipp der Kategorie “Fällt fast niemandem auf - aber diejenigen, die es ändern wollen, können dabei wahnsinnig werden”.
Die Rede ist von der Hintergrund-Farbe, die deine schönen langen Index-Seiten beim Laden haben.
Diese ist standardmäßig auf Schwarz gesetzt.
Vielen gefällt das nicht, und gleichzeitig finden sie oft auch nach Stunden nicht heraus, wie man das ändert. Es ist auch wirklich nicht gerade intuitiv…
Wenn du auch dazu gehörst: Wohlan, verzweifle nicht! Ich zeige dir, wie du das ganz schnell ändern kannst.
👉 Ständig frische Tipps für deine Squarespace-Website? Abonniere jetzt meinen Youtube-Kanal mit laufend neuen Tutorials! 🎥
Worum es bei diesem “Problem” überhaupt geht
Wenn die Seite lädt und noch nicht ganz aufgebaut ist, werden auf Index-Seiten der Brine-Familie (guck einfach bei Design > Template nach, welches Template du hast), statt der Bilder und Texte einfarbige Hintergrundseiten gezeigt.
Das ist eine Funktion, die ein bisschen versteckt ist. Hier findest du die Anleitung für alle Templates der Brine-Familie (Squarespace 7.0) dazu.
Artikeltipp: Squarespace 7.0 vs 7.1 - Was ist der Unterschied?
👉 Du startest gerade erst? Teste Squarespace hier 14 Tage lang gratis & hol dir mit dem Code VICTORIA10 10% Rabatt auf dein erstes Jahr. (Das ist natürlich Werbung für meinen Liebling Squarespace)
Tipp: Ganz neu richten wir für dich als Blogleser alternativ sogar einen special 20%-Rabatt ein. → Bekommst du hier.
Wie du die Hintergrundfarbe beim Ladevorgang änderst
Zunächst einmal musst du über die Squarespace-Navigation zu “Seiten” gehen und dann eine Index-Seite auswählen.
Index-Seiten sind diejenigen, die aus mehreren Abschnitten bestehen.
Geh also in eine solche Seite rein und öffne sie innerhalb von Squarespace.
Dann gehst du im Squarespace-Hauptmenü auf “Design” und “Style Editor” und suchst nach den folgenden beiden Punkten:
Die “Inhalt: Overlay” Optionen tauchen übrigens nur auf, wenn du auch tatsächlich auf der Index-Seite bist!
Hier wählst du jetzt die untere der beiden Funktionen aus, also “Overlay: Farbe”.
Auf den ersten Blick scheint es so, als sei die Einstellung auf “keine Farbe” gesetzt - schließlich ist der runde Kringel ja durchsichtig.
Dann wirst du feststellen, dass die Farbe auf Schwarz (aber mit 100%-iger Transparenz, haha!) gesetzt ist. Geheimnis gelüftet. Und jetzt weißt du auch, wie du deine eigene Farbe hierzu auswählen kannst. Nämlich, indem du sie hier einfach eingibst.
Ziemlich tricky: Du siehst, dass die Farbe zwar schwarz ist - aber einfach auf komplette Transparenz eingestellt (0%). Die Transparenz kannst du auf der gestrichelten Linie einstellen. Ganz rechts siehst du, dass es bei weniger Transparenz komplett schwarz wird.
Dort, wo “hsla(0, 0%, 0%, 0) steht, kannst du jetzt einfach deinen eigenen Farbcode - Hex-Codes gehen auch - eingeben. (Von denen ich dir übrigens rate, sie immer in einem Brand Board griffbereit zu haben!)
Tadaa - so einfach war das!
Falls du Fragen dazu hast, schreib sie einfach unten in die Kommentare.
Diese Artikel könnten dich auch interessieren: