Archived topic
How to align contents in the middle in Page Hero
5 replies · Started by Kevin on May 19, 2022
I am using following css to make page hero in elements -> Header full height
.fullheighthero {
min-height: calc(100vh - 200px);
/*Modify the 200px to the height of your header*/
}
I want to vertically align all contents inside the page hero to be middle but I cannot.
I tried adding following to above css but does not work. (without using padding)
vertical-align: middle;
Can you please help?
Hi Kevin,
Would you consider using the block editor and GenerateBlocks?
It would make this layout easier.
Let me know :)
I might do that in the future but I won't have time to switch over as I have to get this site finished by this weekend?
Would you be able to help me get this done for now and I will move over to the block editor and GenerateBlocks
Try this:
.fullheighthero {
display: flex;
align-items: center;
}That worked...thank you.
No problem :)
