Spalten Farbe ändern

[Last-bite-]

Hey! 
Weiß jemand von euch, wie ich die Farbe der Spalten ändern kann? Also von der Funktion mit den 3 Kästen und dem Text darin. Der Hintergrund der Seite soll Weiß bleiben, der Hintergrund der einzelnen Kästen jedoch leicht Gelb.

Ich krieg leider nur alles Gelb oder alles Weiß hin...

Anbei hab ich auch mal die Seite verlinkt, es geht um die Sektion Lass dich Inspirieren weiter unten: https://www.last-bite.de/products/tod-im-tulpenmeer

[Gabe · Accepted solution]

Hey @Last-bite- 

Danke für den Link und das wird ein tolles Shop! Nur scheint es noch nicht fertig zu sein und deswegen würde ich an eurer Stelle den Passwortschutz aktivieren denn du möchtest ja nicht dass deine Besucher einen schlechten Eindruck bekommen?

Zu deiner Frage:

Es sind auf deiner verlinkten Seite mehrere "Spalten" zu sehen und somit ist es nicht ganz klar um welche Spalten es sich handelt. Sind es die Spielinhalt - Geeignet für - Spieldauer Spalten, oder Die Tatverdächtigen Spalten, oder die Lass dich Inspirieren Spalten? Der HTML und Liquid Code für alle diese Spalten sind ja anders aufgebaut.

Die Die Tatverdächtigen Spalten scheinen die gelben zu sein die du meinst, und folgendes wäre mein Tipp um die Farben besser zu gestalten.

Um den Hintergrund der einzelnen Kästen in deinem HTML-Code leicht Gelb zu machen, während der Hintergrund der Seite Weiß bleibt, musst du CSS verwenden (mehr dazu hier), um spezifisch die Class .multicolumn-card zu stylen. Diese Klasse scheint die einzelnen Kästen (Karten) in deinem Layout zu repräsentieren. Hier ein CSS Beispiel, wie du dies tun kannst:

.multicolumn-card {
  background-color: #FFFFE0; /* leicht Gelb */
}

Der Farbcode #FFFFE0 steht für ein leichtes Gelb, aber du kannst diesen Wert anpassen, um jede gewünschte Farbe zu erreichen. Wenn du den Farbton verändern möchtest, kannst du Werkzeuge wie einen Farbwähler verwenden, um den perfekten Farbcode zu finden.

Es ist auch wichtig, sicherzustellen, dass keine anderen CSS-Regeln diesen spezifischen Stil überschreiben. Wenn der Hintergrund immer noch nicht wie gewünscht erscheint, könnte dies daran liegen, dass andere Stile mit höherer Priorität (z.B. Inline-Stile oder spezifischere Selektoren) diesen Stil überschreiben. In solchen Fällen kann die Verwendung von !important helfen (wird verwendet, um eine CSS Deklaration als wichtig zu markieren, wodurch sich ihre Priorität in der Kaskade erhöht), aber es sollte sparsam eingesetzt werden, da es die Verwaltung und Fehlersuche in CSS erschweren kann.

.multicolumn-card {
  background-color: #FFFFE0 !important; /* leicht Gelb */
}

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.

[Last-bite-]

Hey @Gabe ,

das hat perfekt geklappt, vielen Dank!

[Gabe]

Super freut mich dass das geholfen hat! 😉