Thanks, I was able to make them 100% height by using the Jquery you posted in https://kriesi.at/support/topic/enfold-grid-row-element-set-minimum-height-of-100-browser-height/

One last problem – on page http://beaufort.rubiq.cz/?page_id=163#kde-nas-najdete – the last cell where there is a google map in cell – I’d need that fullheight too.

Also when on mobile – the images have very small height and there are 2 images right next to each other – ie IMAGE>text>IMAGE>IMAGE>text>text>IMAGE>IMAGE is it possible to be criss cross ie- Image>Text>Image>Text>Image>Text

• This reply was modified 9 years, 3 months ago by bahamencz.

Adding:

main.template-page.content.av-content-full.alpha.units {
padding: 0;
}

.post-entry {
height: 100%;
}

.entry-content-wrapper.clearfix {
height: 100%;
}

.av_one_half {
height: 100%;
}

section.av_textblock_section {
position: relative;
/* transform: translateY(-50%); */
transform: translateY(-50%);
top: 50%;
}

.avia-image-container.av-styling-.avia-builder-el-2.avia-builder-el-no-sibling.avia-align- {
height: 100%;
}

.avia-image-container-inner {
height: 100%;
}

I have achieved what it looks like now – still need to fill the container with the image.

Hello no…let me try to explain it.

In masonry grid I can tag the boxes with landscape , portrait or both to create portfolio items in a masonry layout that are double width/double height or both when used in the layout.

This means 1×1 box will change to 2×1 with landscape, or 1×2 with portrait or 2×2 with both tags.

What I want to achieve is to have the box 4×2 the size – as if I applied the landscape tag twice.