Text in Linkbox vertikal zentrieren

mawakla

Guten Abend! Ich habe mehrere Linkboxen nebeneinander (Bild oben, darunter Text ohne separate Überschrift), die Bilder sind alle gleich groß, nur die Texte sind unterschiedlich lang. Allen Linkboxen habe ich die selbe Mindesthöhe gegeben, sodass sie optisch zusammenpassen.

Leider bekomme ich es nicht hin, den Text vertikal zu zentrieren (sprich über und unter dem Text derselbe Abstand). Ich habe mir schon diesen Beitrag durchgelesen, jedoch habe ich es nicht geschafft, den Code entsprechend anzupassen.

Schon mal danke im Voraus für die Hilfe

Steffen T.

Hallo,

vertikal zentrieren ist bei der Linkbox nicht als Option vorgesehen und generell immer etwas kompliziert.

Da müssten Sie also eigenes CSS einsetzen.

Bitte dazu mal folgende Seite lesen: https://docs.zeta-producer.com/eigenes-css-einfuegen.html

Folgender Code könnte dann funktionieren (nicht vollständig getestet)

Code

<style>
.zpLinkBox {
    display: flex;
    flex-direction: column;
}
.zpLinkBoxText {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    justify-content: center;
}
</style>

Alles anzeigen

mawakla

Hat geklappt, vielen herzlichen Dank!

Gibt es zufällig auch eine Möglichkeit, diesen Code nur auf bestimmte Linkboxen anzuwenden? War das nicht im Fenster "Einstellungen" eine eigene Klasse erstellen und den obigen Code etwas anpassen? Bekomme es leider nicht mehr hin...

Steffen T.

Ja, das geht, indem man dem Linkbox-Widget eine CSS-Klasse gibt.

Das geht über das Regler-Icon unten links und dann Klick auf "Mehr".

Der CSS-Code muss dann halt entsprechend angepasst werden.

Text in Linkbox vertikal zentrieren

Jetzt mitmachen!

Hilfe zum Support-Forum

Wollen Sie eine professionelle Website erstellen?