Vertical Alignment with Columns

[livinginsanity1]

Currently using Pro.

In Cornerstone, I have a section, with 1 row, 2 columns and I am trying to vertical align the columns. There is an image in the left column, text in the right column. The image in the left is bigger vertically than the text in the right. I would like the text to align with the middle of that image. Seems simple.

• I was told through a friend who introduced me to the theme that there is an option for vertical alignment in “inspector” without using CSS, but I have been back and forth through section, row and columns to no avail.

I am also trying to find if there is an option to set a minimum height in pixels for a section without using CSS.

I try to use as much of the theme options as I can without having to customize with CSS.

[nabeel]

Hey Ryan,

Thank you for reaching out to us. To vertically align any element, simply enable the Marginless Columns option. First go to the Row settings of your section (see screenshot)

Then enable the Marginless Columns option (see screenshot)

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)

• Currently there is no option to set the minimum height for a section, you can do this with CSS, add the following code in the Element CSS of your Section:

$el {
  min-height: 100px;
}

Let us know how this goes!

[livinginsanity1]

Perfect, thanks a bunch for the help.

[ruenel]

You’re welcome!
We’re glad @Nabeel were able to help you out.

[nabeel]

Hi Kris,

It seems like you’ve withdrawn your post, feel free to create a new thread if you need any help.

Thanks!