Vertical Text Alignment
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.
by Chrysant
Please Log in or Create an account to join the conversation.
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
this will center the text vertically in the yellow area
CEd
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%);
CEd
Joomlack Webmaster and Developer
by ced1870
Please Log in or Create an account to join the conversation.
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
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
by Chrysant
Please Log in or Create an account to join the conversation.
right, the method was not correct
remove the code
edit the column >> styles >> custom css >>
it will work on frontend, not in edition
remove the code
edit the column >> styles >> custom css >>
Code:
display: flex;
flex-direction: column;
justify-content: center;
Joomlack Webmaster and Developer
by ced1870
Please Log in or Create an account to join the conversation.
Yes it does - I´m exited - fantastic support!
Mark it as solved
Mark it as solved
by Chrysant
Please Log in or Create an account to join the conversation.
Please Log in or Create an account to join the conversation.
Time to create page: 0.808 seconds