FROM CACHE - de_header
Diese Community hat auf Peer-to-Peer-Support umgestellt. Der Shopify Support wird diese Community nicht mehr betreuen. Wir empfehlen dir, dich mit anderen Händler:innen und Partner:innen in Verbindung zu setzen, um Unterstützung zu erhalten und Erfahrungen auszutauschen. Bitte melde weiterhin alles, was gegen unseren Verhaltenskodex verstößt, oder Inhalte, die deiner Meinung nach entfernt werden sollten.

Abstand von Reihen (Mehrreihiger Block)

Gelöst

Abstand von Reihen (Mehrreihiger Block)

peyk
Tourist
6 1 0

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:

 

peyk_0-1727527878868.png

 

Danke!

 

2 AKZEPTIERTE LÖSUNGEN

Ben310
Astronaut
1947 224 347

Erfolg.

Theme Editor -> Einstellungen -> "Vertikaler Offset" oder "Abschnitts-Padding"

 

Anonsten CSS - help.shopify.com/en/manual/online-store/themes/theme-structure/extend/add-css 

Lösung in ursprünglichem Beitrag anzeigen

Nordalux
Shopify Partner
1159 127 241

Erfolg.

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.

Nordalux_0-1727535423043.png

 

Tobias von Nordalux

Webseite: nordalux.de
Unsere Kernkompetenzen: Coding - Conversionoptimierung - Individualberatungen

Lösung in ursprünglichem Beitrag anzeigen

2 ANTWORTEN 2

Ben310
Astronaut
1947 224 347

Erfolg.

Theme Editor -> Einstellungen -> "Vertikaler Offset" oder "Abschnitts-Padding"

 

Anonsten CSS - help.shopify.com/en/manual/online-store/themes/theme-structure/extend/add-css 

Nordalux
Shopify Partner
1159 127 241

Erfolg.

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.

Nordalux_0-1727535423043.png

 

Tobias von Nordalux

Webseite: nordalux.de
Unsere Kernkompetenzen: Coding - Conversionoptimierung - Individualberatungen