Position element in column

[patrickst020]

Hi,

Hope you can help me with something.
I’m using Pro and trying to layout my content. I have a section, within it a row with two columns. The left column has a images element and the right one three text elements. I would like that the bottom text element (text element 3) sticks to the bottom of the column, on the same hight as the end of the images. Can you tell me how to do this?

Hope to hear from you.

Thank you.

[Prasant]

Hello @patrickst020,

Thanks for asking.

You can change the margin-top value of 3rd text element. Here is a screencast that you can take a look. https://cl.ly/270m003x3z2R

Thanks.

[patrickst020]

Ok thank you.

Is this the only way. Because if I change the width of the browser it doesn’t look that good anymore, it looks terrible. Is there a way to keep the second column as high as the first column and have the 3de element stick to the bottom of it?

Thank you

[friech]

Hi There,

I assume that your image is an Image element and not a background-image.

On your ROW please turn On the Marginless Columns this will make your Columns the same height.

Then on your 3rd Text element add the custom CSS below on the Element CSS field under Customize tab.

$el {
  position: absolute;
  bottom: 0;
}

Add a little bit of left margin to your text element, to space it out with the image.

Hope it helps,
Cheers!

[patrickst020]

It works!!!

Thank you very very much.

[ruenel]

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