Hallo zusammen,
ich habe in meinem Dawn-Theme einen mehrreihigen Block angelegt, allerdings sind die Abstände zwischen den Reihen zu kurz.
Wie kann ich das am besten ändern?
Hier zur Veranschaulichung worum es geht:
Danke!
Topic summary
Problem: In einem mehrreihigen Block des Dawn-Themes sind die Abstände zwischen den Reihen zu klein.
Vorgeschlagene Lösungen:
- Ohne Code: Im Theme-Editor die Einstellungen „Vertikaler Offset“ oder „Abschnitts-Padding“ erhöhen.
- Mit CSS: Unter „Benutzerdefiniertes CSS“ in der betreffenden Sektion z. B. für Desktop hinzufügen:
@media screen and (min-width: 750px) { .multirow__inner { row-gap: 10px; } }
• row-gap steuert den vertikalen Abstand zwischen den Zeilen.
• Für Mobil: Entweder die Media-Query entfernen (gilt dann global) oder zusätzlich eine Regel mit max-width: 749px ergänzen. - Referenz: Shopify-Dokumentation zum Hinzufügen von CSS (help.shopify.com Link geteilt).
Hinweise: Screenshots zeigen das Problem sowie die Position für „Benutzerdefiniertes CSS“ im Editor.
Status: Keine Bestätigung des Thread-Erstellers; Lösungsvorschläge liegen vor, Rückmeldung offen.
Theme Editor → Einstellungen → “Vertikaler Offset” oder “Abschnitts-Padding”
Anonsten CSS - help.shopify.com/en/manual/online-store/themes/theme-structure/extend/add-css
1 Like
Damit wird es funktionieren:
@media screen and (min-width: 750px) {
.multirow__inner {
row-gap: 10px;
}
}
Dies wird jedoch nur auf dem Desktop angezeigt, mobil bleibt der Abstand gleich. Solltest du mobile auch dies ändern wollen, löschst du den @media - Teil aus dem CSS-Code oder fügst den gleichen Code, jedoch max-width: 749px ein.
Die Zahl vor dem px bei row-gap bestimmt, wie hoch der Abstand ist.
Diesen CSS-Code fügst du unter “Benutzerdefiniertes CSS” ein, im Editor bei der Sektion ganz unten.
