Grundsätzlich passt sich der Slider dynamisch den Inhalten an. Dies ist auch sinnvoll, damit keine Inhalte abgeschnitten werden. Es gibt aber Situationen, in denen die Höhe des Slider fixiert werden soll.
Höhe per CSS erzwingen
Um die Höhe des Prallax-Slider fix festzulegen, gehe zu den Erweiterten Modul-Einstellungen und schreib Folgendes in den Bereich Hauptelement:
/* Höhe liegt fix bei 200px */
height: 700px;
Damit legst du die Höhe des Slider auf fix 700px fest. Passe die 700px nach Belieben an. Du kannst auch eine Mindesthöhe oder eine Maximalhöhe definieren. Der passende Code dazu lautet:
/* Minimale Höhe liegt bei 200px */
min-height: 200px;
/* Maximale Höhe liegt bei 200px */
max-height: 700px;
Bitte beachte, dass nun die Höhe nicht mehr dynamisch berechnet wird, sondern auf die von dir angelegte Pixelzahl fixiert ist.
Tipp: Abstände festlegen
Alternativ kannst du auch Abstände über den Pagebuilder festlegen. Hier kannst du über DESIGN > ZWISCHENRAUM Abstände dem Slider hinzufügen. Beispielsweise würde ein Abstand von oben/unten 200 Pixel eine Mindesthöhe des Slider von 400 Pixel definieren.
Hinweis: Zudem kannst du hier auch neben Pixel auch Prozente eintragen. So würde der Abstand dynamisch auf die Höhe des Bildschirms reagieren.
