PRO: How do I align content of columns vertically in PRO?

[ingo]

Dear Support-Team,

I know how to align content vertically in Cornerstone. But in PRO “vertical-align:middle;” does not work.

Do you have a solution for this?

Best regards and thanks in advance.

Ingo

[nico]

Hi @ingo,

Thanks for writing in.

I believe that you have added the inline CSS code in the wrong location same as the thread below:

Vertical-align: middle; text element in column

Hope it helps.

Let us know how it goes.

Thanks.

[ingo]

Hi Nico,

i had the code in the element css, but it did not work.

I also created a new css-class, that did not work either.

I also acitvated the marginless columns in the row-settings…

When Nabeel talks about “column’s Inline CSS field” he means the element css, does he?

Thank you…

[basanta]

Hi There,

Thanks for writing in again!
Classic column have inline CSS and version two column have element CSS.
I Can see you have done the trick to making the element vertical align middle.
Can you please try this CSS in your element CSS.

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

Hope this helps!

[ingo]

Hi Basanta,

perfect!

Thank you for the quick help.

Ingo

[rad]

You’re most welcome!