Heute zeige ich euch wie ihr mit Divi in WordPress eure Module nebeneinander positionieren könnt und zwar ohne das ihr alles in anderen Spalten aufteilen müsst.

Module einbauen

Zeile einbauen mit einer oder mehreren Kolonne und mit Modulen designen und mit Abstände verehen

CSS

Dann in der entsprechenden Kolonne gebt ihr den folgenden Code ein:

1
2
3

display: flex;
align-items:center;
justify-content:center;

Solltet ihr mehrere Kolonnen in so einer Zeile haben, müsst ihr das direkt in diese Zeile einbauen und nicht global

Position anpassen

Jetzt kanns vorkommen, dass die Module komisch positioniert sind und eines oder mehrere nicht auf gleicher Höhe sind.

Darum muss man jetzt unter ≪Design≫ -> ≪Grösse einstellen≫ -> ≪Spaltenabstand≫ aktivieren und Spaltenabstand auf 1 setzen.

Und nun sind alle Module nebeneinander positioniert, jetzt könnt ihr die einzelnen Abstände der Module noch einstellen und alles auch für die mobile Ansicht anpassen.