2023: Elemente vor Hintergrundbild immer vertikal mittig?

Danke für die aufürhliche Antwort mit dem GIF.

Damit kann ich schon mal mein Menü nach oben schieben. Nur ist mir noch nicht ganz klar, wie ich die Höhe korrekt setze. Das Hintergrundbild ist auf bildschirmfüllend eingestellt. So sollen auch die Elemente davor sein, da unter dem Menü bereits die zweite Seite als onepager beginnt wie bei deiner anderen (übrigens sehr guten) Anleitung geschrieben: https://haurand.com/onepager-bei-einem-block-theme-am-beispiel-twenty-twenty-two/ Als Unterschied hab ich den Anker auf die gesamte Gruppe/Seite statt auf einen Abstandshalter gesetzt (werde mal probieren, ob das genauso gut geht).

Also Wenn ich den Abstandshalter z.B. auf 70% Höhe setzen möchte, müsste ich die Gruppe, in der die Navigation sitzt, auf 30% Höhe setzen. Nur kann ich weder bei der Gruppe, noch bei der Zeile innerhalb der Gruppe die Einstellung „Höhe“ und „%“ finden. Auch beim Abstandshalter lässt sich „%“ nicht auswählen. Gibt es da eine Möglichkeit?

• Diese Antwort wurde geändert vor 1 Jahr, 9 Monaten von wpzugang.
• Diese Antwort wurde geändert vor 1 Jahr, 9 Monaten von wpzugang.

Warum wolltest du das so setzen?

Weil ich dachte, dass ich mir so den Abstandshalter spare, da jede Seite ja bei mir eh in eine Gruppe soll. Aber das kann ich dann ja testen und wenn es nicht wie gewünscht funktioniert, habe ich ja noch deine Anleitung mit dem Abstandshalter als Anker.

Habe herausgefunden, woran es lag. Sowohl das Plugin „Background AWB“ als auch der Cover-Block habe eine Einstellung für die Position des Inhalts. So geht es auch ohne Abstandshalter:
https://www.aeropano.net/wordpress-img/background_vertical_top.JPG
https://www.aeropano.net/wordpress-img/cover_top.JPG

Trotzdem hätte ich für die Abstandshalter gerne noch eine Prozentangabe zur Auswahl.
https://www.aeropano.net/wordpress-img/hight_spacer.JPG

Die Seite ist noch nicht online aber ich denke, die Screenshots reichen.

• Diese Antwort wurde geändert vor 1 Jahr, 9 Monaten von wpzugang.

Wenn es über vh oder vw geht, muss es natürlich nicht % sein. Mit meinem begrenzten HTML und CSS-Wissen schien mir % am logischsten. Soll halt nur so bildschirmfüllend wie der Hintergrund sein und oben und unten bündig abschließen. Weiß nicht, welche Einheit der Hintergrund-Block für die bildschirmfüllende Anordnung verwendet.

wenn du den Navigations-Block oben im Cover-Block positionieren willst, dann wirst du das m. E. nicht ohne einen Abstandhalter hinbekommen.

So wie bei meinem Screenshot geht es doch aber nun. Habe hier keinen Abstandshalter mehr drin:
https://www.aeropano.net/wordpress-img/background_vertical_top.JPG
https://www.aeropano.net/wordpress-img/cover_top.JPG

Das Plugin „Background AWB“ habe ich nur wegen der Möglichkeit genommen, im Hintergrund Videos abspielen zu können. Sowohl selbst-gehostete als auch Links aus Vimeo oder Youtube. Wenn es dazu eine pluginfreie-Alternative gibt, bin ich natürlich auch dafür offen.

Jap grundsätzlich ist das Problem gelöst 🙂

Mich würde aber trotzdem noch interessieren, wie du die Höhe der Navigationsbar und des Abstandshalters einstellst, damit beides in der Höhe immer korrekt bildschirmfüllend dargestellt wird. In deinem Gif hattest du ja nur eine Pixelhöhe angegeben, die nicht responsive ist.

Also Hintergrundbild – Höhe bildschirmfüllend
davor:
-Navigationsbar mit Höhe ???
-Abstandshalter mit Höhe ???

Super Support, vielen Dank! Weißer Bereich ist jetzt auch weg.

Ja der CSS Customizer ist in WordPress 6.1.1 leider nur noch direkt über [website]/wp-admin/customize.php erreichbar. Das muss man auch mal wissen, sonst sucht man da ja ewig nach (so wie ich).

• Diese Antwort wurde geändert vor 1 Jahr, 9 Monaten von wpzugang.