Den leeren Space zwischen Header und Body entfernen

[blackgonzalez]

Hallo zusammen,

wir nutzen das Theme "Refresh". Die Kunden-spezifischen Seiten (Login, Konto, etc.) haben einen leeren Space zwischen Header und Body. Wie können wir diesen bei den spezifischen Seiten entfernen? Vielen Dank vorab für Ideen

[Gabe · Accepted solution]

Hey @blackgonzalez 

Darf ich dazu fragen ob das der alte Login bzw. die klassische Kundenkonten? Wenn ja, könnt ihr mal auf die neue Kundenkonten wechseln?

Dieser bietet eine viel verbesserte Login Experience!

Wenn ihr es trotzdem DIY machen wollt:

Um den leeren Raum zwischen dem Header und dem Inhalt auf kundenspezifischen Seiten in deinem "Refresh"-Theme zu entfernen, musst du möglicherweise CSS-Anpassungen vornehmen. Es sieht so aus, als ob der Raum durch die standardmäßigen Abstandseinstellungen (Margins oder Paddings) des Themes verursacht wird. Du kannst versuchen, spezifische CSS-Regeln hinzuzufügen, um den oberen Abstand (Margin oder Padding) der .customer Class oder des übergeordneten Elements, das den leeren Raum verursacht, zu reduzieren oder zu entfernen. Es könnte hilfreich sein, die Developer Console deines Browsers zu nutzen, um genau zu bestimmen, welches Element den Abstand verursacht, und dann gezielt diesen Abstand anzupassen, wie hier abgebildet:

Oder lass mich hier den genauen HTML Code deines Paddings wissen!

Hoffe das hilft dir weiter - lass wissen falls nicht! 😉

---
Habt ihr auch den Shop auf Ostern eingestellt das jetzt um die Ecke liegt? Warum nicht eine Ostereierjagd 🐣 in das Shop einbauen, um deinen Kunden etwas Gamification und 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.