Vertical Align Top

[ancorakim]

I have a page on my site where I need some sections to be centered vertically and some to be top-aligned vertically. I got them to center vertically with CSS but it seems that this code is affecting all of my sections even though I didn’t use it on all of them and causing them all to center vertically. I need a way to have certain section’s column content be aligned at the top like normal. Is there CSS to do this? Here is what it looks like now:

[nabeel]

Hey @ancorakim ,

Thank you for reaching out to us. To do this, simply enable the Marginless Columns. First go to the Row settings of your section (see screenshot)

Then enable the Marginless Columns option (see screenshot)

This will by default top align your elements vertically in that section only without needing of any CSS.

However to align vertically centered then in each of the columns, add the following CSS in the Element CSS area (see screenshot)

$el {
  vertical-align: middle !important;
}

You’ll find the Element CSS field under Columns’s Customize tab (see screenshot)

To learn more about vertical-align property please see https://www.w3schools.com/cssref/pr_pos_vertical-align.asp

Hope this helps!