FROM CACHE - de_header

Abstand von Reihen (Mehrreihiger Block)

Gelöst

Abstand von Reihen (Mehrreihiger Block)

peyk
Tourist
4 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
Weltenbummler
632 93 147

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
167 19 27

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

 

Lösung in ursprünglichem Beitrag anzeigen

2 ANTWORTEN 2

Ben310
Weltenbummler
632 93 147

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
167 19 27

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