Vertical Text Alignment

Vertical Text Alignment was created by Chrysant

Posted 4 years 2 weeks ago #55949

Is it possible to give the yellow block the same height as the blue one - and have nevertheless the smaller text centered vertically?
(In the example above the text have a margin of 15% on all sides.)
When I´m using "default vertical alignment" the yellow block has the desired height, but the text is no more centered vertical.
Attachments:

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Vertical Text Alignment

Posted 4 years 2 weeks ago #55954
Hi
by default the columns have the same height. You have used the vertical alignment, which makes it at the center
remove the center alignment of the column and edit the text block >> styles >> custom css, add this code
Code:
margin-top:50%; transform: translate(0,-50%);
this will center the text vertically in the yellow area
CEd

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Replied by Chrysant on topic Vertical Text Alignment

Posted 4 years 2 weeks ago #55965
Hi,
I don't think that's the solution. First image are my settings - aren´t this right? And on the site text is still not centered, even worse when blocks breaking at lower than 640 px (Tablet/Portrait) - second image. You can visit page: www.widmann-haustechnik.de/2020/index.php/test

Attachments:

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Vertical Text Alignment

Posted 4 years 2 weeks ago #55966
right, the method was not correct
remove the code
edit the column >> styles >> custom css >>
Code:
display: flex; flex-direction: column; justify-content: center;
it will work on frontend, not in edition

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Replied by Chrysant on topic Vertical Text Alignment

Posted 4 years 2 weeks ago #55967
Yes it does - I´m exited - fantastic support!

Mark it as solved

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Vertical Text Alignment

Posted 4 years 2 weeks ago #55968
great :)

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Time to create page: 0.808 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 596 guests and one member online