Remove element from Section Height Calulation

Hi, I was wondering if it’s possible to remove elements from how the section height Calculates?

I have stacked to images above each other and used transform CSS to overlap images.
But the section is still treated as if they are stacked on top of each other. Is there a way to remove the image elements (atleast the bottom) from the height calc of the section?

Right Column is using a Vertical Align Class to Automatically Centre

Would there be a better solution for this?

Without CSS

With CSS

Thanks in Advance :smiley:

Hello @MolemanProductions,

Thank you for the very detailed post information.

I have checked your homepage and I do not see the section with two images. I also looked for the custom css and I cannot find it.

Please keep in mind that the height of the column depends on the total height of the elements. Please set a minimum height for your column and make sure that your element’s height will not exceed the minimum set height of the column.

Hope this helps.

please have a look now, Might not have saved the changes sorry
(It displays different when live)

Im aiming to place 2 images over the top of each other.

Hey @MolemanProductions,

It looks like you already have achieved what you need using custom CSS absolute positioning which is correct because Absolute positioning takes away the dimensions of an element from the page

Thanks.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.