How do i lock image element to Top of Section

[JDRDigital]

How do i lock image element to Top of Section? Also i would like a solution on how to lock an image element to the bottom of a section as well.

[ruenel]

Hello @JDRDigital,

Thanks for writing in!

By default the image element will be positioned at the top and left side of the column container. It will have a space underneath the image as well by default. You may need to set the bottom margin to zero so that it will be at the bottom of the column container.

In most cases, when you have a two column section like an image on the left column and some long texts on the right column, the image element will still remain at the top left of the column. You may be able to have it top center or top right. You cannot position it to bottom left or bottom center. You will need to enable the “Marginless Columns” option in the row settings and you will add an inline element css in the column vertical-align: bottom; so that the image inside the column will be positioned to the bottom.

Hope this helps.