Center a row vertically within a section in cornerstone

[logoglo]

Hi guys, I have been reading and checking posts on this matter, but cant seam to find a solid solution.

Check out https://www.speed-raptor.com/free-check-up-improve-my-website/ for an example of what I mean.

See the 1st section. I want to center the contents of a row, within a section, vertically, so its always centered, no matter what size screen.

Looks ok here:

But as the screen gets smaller, the margin on the bottom isnt equal:

I tried adding the css “vertical-align: middle;” but it doesnt do anything.

Thanks.

[tristup]

Hi @logoglo,

Thanks for reaching out.
I have checked the given URL in the size of the specific screen and found that you need to adjust the Margin and the Padding for that breakpoint. Please find the screenshot described the attribute to adjust.

Hope it helps.
Thanks

[logoglo]

Yeah,I can do that, but again, on different screen sizes for different laptops, or larger monitors, its not automatic, I have a different layout for the smaller breakpoint, Im talking about the larger ones…or slightly smaller laptop screens…the margins will always be different, I want to know if there is a way to center it vertically, automatically, all the time, without inputting specific margin numbers…

These are working well, if you drag the width around, the text always stays centered vertically: (I know they are full height headers, but this also happens on my other site: https://www.logoglo.com/)

Tell It Slant by Themeco

Like You Mean It by Themeco

These arent full height, but the content stays in the middle:

Bridgers by Themeco

Split by Themeco

You can see it here in the back end for the other page:

This has a calc height to fit the view port, and no matter what I try, the row doesnt auto center vertically in the section…at the moment its 15vh, which is great on my large screen, but then does this at smaller sizes. I want it to be vertically centered all the time, no matter the screen size.

I assumed I would be able to center in flex, but for example, the Row setup in this video:

Has a flex box option in the setup, but in my cornerstone, it does not.

[marc_a]

Hi @logoglo,

If you want to center an item inside your section, please go to the row then select vertical center in the layout tab. As you see in the image below, just for example, the text is aligned vertically center.

Hope that helps.

[logoglo]

Thanks, I think I have figured it out

[marc_a]

Hi @logoglo,

You’re welcome! If you have any other concerns or clarifications regarding our theme features, feel free to open up a new thread.

Thank you.