Wenn man in Divi und bei den meisten Grid-basierenden CMS mit Kolonnen arbeitet, ist die sortierreihenfolge immer genau gleich und zwar gehts von Links nach Rechts. Das heisst in der Desktop Ansicht, ist normale 1 Zeile und in der Mobilen Ansicht, sind dann das was ganz Links war eben zuoberst und dann gehts der Reihe nach weiter. Das kann aber auch stören.

Heute zeige ich euch wie man die Sortierreihenfolge selbst definieren kann und zwar nur mit ein paar CSS Befehle.

Unter der ≪Zeileneinstellungs-Ebene≫ unter ≪Erweitert≫ – ≪Benutzerdefinierte CSS≫ – ≪Hauptelement≫ müsst ihr folgendes eingeben:

1
2

display:flex;
flex-wrap:wrap;

Und dann in der gleichen ≪Zeileneinstellungs-Ebene≫ unter ≪Inhalt≫ – ≪Spalte Einstellung≫ – ≪Erweitert≫ – ≪Benutzerdefinierte CSS≫ – ≪Hauptelement≫ gebt ihr in Feld dann die Sortierreihenfolge ein. ACHTUNG: Schaut, dass ihr auf der Tablet und Mobilen Ebene arbeitet!!

Hier könnt ihr dann die Reihenfolge definieren – einfach x mit der Zahl ersetzen – zb Order: 1; oder Order:4; usw:

1

order: x;

Wenn ihr alles korrekt Eingebaut habt, dann sollte es jetzt klappen.

Video Anleitung