Nachdem der Theme Code bearbeitet wurde, gibt es größere Abstände zwischen den Beiträgen

Hallo zusammen,

wir haben bei unserem Theme den Code mit einem Extrafeld bei der Kundenregistrierung versehen.

Nachdem nun der Text des Eingabefelds geändert und gespeichert wurde, werden auf der Startseite alle Abschnitte/Blöcke mit Abständen angezeigt und auseinandergeschoben.

Wie kann ich diese Abstände denn wieder wegbekommen, sodass alles nach oben angeschlossen wird?

Gäbe es dort Hilfe?

Viele Grüße

@HostGmbh – um kurz zu verifizieren, dass wir vom Selben reden … Du meinst Diese Abstände?

Hier der CSS-Code, der die einzelnen Abstände entfernt:

/* Abstand 1 */
main#MainContent {
  margin-top: 0;
}

/* Abstand 2 */
.shopify-section--slideshow:not(:first-child)+.shopify-section:not(.shopify-section--full-width) {
  margin-top: 0;
}

/* Abstand 3 */
index-section {
  margin-bottom: 50px;
}

Ergebnis:

Ich hoffe das hilft,
Mario

Hallo Mario,

danke für die Code Vorgabe. Die Abstände die du mit den Pfeilen markiert hast, meinte ich auch, genau.

Kannst du mir noch sagen wo ich die 3 CSS Codes einfügen kann?

Reicht es wenn ich diese im theme.liquid einfach einkopiere?

Viele Grüße

Erik

@HostGmbh Erik, quick and dirty kannst Du den Code einfach am Ende der Datei /assets/theme.scss.liquid einfügen.

Liebe Grüße,
Mario

1 Like