FROM CACHE - de_header
Gelöst

Hintergrundfarbe bei "boxed layout" anpassen

Jimmy94
Besucher
2 1 0

Hallo

 

wie schaff ich es, bei meiner "boxed layout" Website den weißen Rand mit der Farbe des Hintergrundes zu füllen?

Es geht um folgenden:
Ohne Titel 2.jpg

 

Foto ist im Anhang, nehme an es geht nur mit css, denn alles andere habe ich bereits versucht.

 

Vielen Dank

 

2 AKZEPTIERTE LÖSUNGEN

Gabe
Shopify Staff
16713 2637 3915

Erfolg.

Hey @Jimmy94 

 

Danke für das Bild aber das wird schwer zu sagen sein von hier aus nur mit einem Bild, da es sehr viele Faktoren wie Theme, Page, Stelle, CSS Element usw. gibt was wir ohne Zugriff zu deinem Shop Backend nicht so einfach auswerten können.

 

Du kannst aber ein paar Best-Practice Schritte durchführen um den Wurm im Code zu finden, und zwar folgende:

  • Füge mal eine frische Kopie deines Themes vom Themestore zum Shop und schaue ob der "boxed layout" da auch den weißen Rand hat.
  • Rechtsklicke im Storefront genau auf den weißen Rand -> wähle im Kontextmenü "Inspect" und steige in die Chrome Developer Console. In der Konsole kannst du den genauen HTML und CSS des weißen Randes pin-pointen und dann im Theme Liquid suchen und finden und die Farbe zur selben Farbe des HG anzupassen.

In der Dev Console kannst du die Colour Styles manipulieren bis du die richtige Stelle im CSS findest und es dann in deinem Theme Code ändern kannst, wie ich hier im gif demonstriere (klicke auf den gif unten und warte etwas bis es sich öffnet da eine etwas größere File ist):

 

09-51-6z25w-ckmhg


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. Oder lass wissen, wenn du weitere Fragen dazu hast oder zum Shop und Business und gerne können wir das hier weiter besprechen! 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

Jimmy94
Besucher
2 1 0

Erfolg.

3 ANTWORTEN 3

Gabe
Shopify Staff
16713 2637 3915

Erfolg.

Hey @Jimmy94 

 

Danke für das Bild aber das wird schwer zu sagen sein von hier aus nur mit einem Bild, da es sehr viele Faktoren wie Theme, Page, Stelle, CSS Element usw. gibt was wir ohne Zugriff zu deinem Shop Backend nicht so einfach auswerten können.

 

Du kannst aber ein paar Best-Practice Schritte durchführen um den Wurm im Code zu finden, und zwar folgende:

  • Füge mal eine frische Kopie deines Themes vom Themestore zum Shop und schaue ob der "boxed layout" da auch den weißen Rand hat.
  • Rechtsklicke im Storefront genau auf den weißen Rand -> wähle im Kontextmenü "Inspect" und steige in die Chrome Developer Console. In der Konsole kannst du den genauen HTML und CSS des weißen Randes pin-pointen und dann im Theme Liquid suchen und finden und die Farbe zur selben Farbe des HG anzupassen.

In der Dev Console kannst du die Colour Styles manipulieren bis du die richtige Stelle im CSS findest und es dann in deinem Theme Code ändern kannst, wie ich hier im gif demonstriere (klicke auf den gif unten und warte etwas bis es sich öffnet da eine etwas größere File ist):

 

09-51-6z25w-ckmhg


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. Oder lass wissen, wenn du weitere Fragen dazu hast oder zum Shop und Business und gerne können wir das hier weiter besprechen! 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

Jimmy94
Besucher
2 1 0

Erfolg.

Vielen Dank, hat geklappt

Gabe
Shopify Staff
16713 2637 3915

giphy

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