Die Basisgalerie vom Elementor Pagebuilder ist eine gute und einfache Möglichkeit um Bilder auf der Website darzustellen. Eine Lightbox ist integriert, wodurch die Thumbnails durch einen Klick vergrößert dargestellt werden.
Hier zeigen wir euch wir ihr die Bilder in der Gallerie vertikal ausrichten könnt. Das ist von Vorteil, wenn ihr Bilder verschiedener Höhen in die Gallerie einfügt.
Wenn ihr die Bilder lieber unten oder mittig ausrichten wollt, müsst ihr den unten stehenden CSS-Code in euren Artikel einfügen. Alternativ könnt ihr diesen auch über den Elementor Customizer einfügen damit dieser für alle Basisgalerien auf eurer Website angewendet wird. Hierzu fügt ihr einen HTML-Abschnitt in die Seite ein. Dort wird der Code reinkopiert. Indem ihr “middle” durch “top” oder “bottom” ersetzt, ändert ihr die Anordnung der Bilder entsprechend. Diese Lösung haben wir auf Github gefunden.
<style>
.gallery figure.gallery-item { vertical-align: middle; }
</style>