Eines der wohl bekannteste Kombinationen im Webdesign ist wenn auf der einen Seite ein Bild ist und auf der Seite daneben ein Text steht. Nun ist es ja so, dass dabei oft eines der Elemente grösser als das andere ist. Heute zeige ich euch wie ihr das kleinere Element vertikal zentrieren könnt.

Video

Anleitung

Zuerst müsst ihr in die Einstellungen der Zeile reingehen und dann geht ihr ins ≪Design≫ Tab rein und aktiviert da die Schaltfläche für „Eqalize Column Heights“.
Da passiert noch nichts sichtbares.

Als nächstes geht ihr bei der Zeileneinstellung in die Spalte rein wo euer kleines Text Element drin ist und baut den folgenden CSS Befehle ein (Natürlich könnt ihr es auch über das Childtheme lösen, dann müsst ihr halt anstatt den ganzen CSS Code euren gewählten CSS Klassenname eingeben.

.textcenter {
margin-top:auto;
margin-bottom:auto;
}