FROM CACHE - de_header
Gelöst

Spalten Farbe ändern

Last-bite-
Besucher
2 0 1

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

1 AKZEPTIERTE LÖSUNG

Gabe
Shopify Staff
17313 2743 4050

Erfolg.

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.

Gabe | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog

Lösung in ursprünglichem Beitrag anzeigen

3 ANTWORTEN 3

Gabe
Shopify Staff
17313 2743 4050

Erfolg.

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.

Gabe | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog

Last-bite-
Besucher
2 0 1

Hey @Gabe ,

das hat perfekt geklappt, vielen Dank!

Gabe
Shopify Staff
17313 2743 4050

Super freut mich dass das geholfen hat! 😉

Gabe | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog