Docs

[Michael P]

Hi,

In Essential Grid, I’m trying to achieve something like the effect described in this thread:

Essential Grid masonry fixed height

The css provided is:

.page-id-99 .mainul li {
   min-height:610px;
}

So what this achieves is an even layout, which is great. But what I really want is an even layout and fixed height content boxes underneath the images on the grid.

You will need to log in to the site to see my draft page, I have provided the details below.

[Michael P]

This reply has been marked as private.

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> Global CSS :

.esg-entry-content.eg-ronald-reagan-content.esg-notalone {
    height: 200px;
}

Hope that helps.

[Michael P]

Worked! Thank you.

[Christopher]

You’re welcome.

[Michael P]

One more question: is it now possible to add another line of css that would return the content boxes to their default, when under a certain media size, for example when viewed on an iPhone?

[Rad]

Hi there,

What default value and what content boxes? If you’re referring to above CSS and only wish to apply it on desktop and it should be like this

@media ( min-width: 980px ) {
.esg-entry-content.eg-ronald-reagan-content.esg-notalone {
    height: 200px;
}
}

Thanks!

[Michael P]

Thanks for your help – I wanted the CSS to apply on every device other than iPhone, so I changed to min-width: 667px and it worked perfectly.

[Christian]

You’re welcome.

[Author]

Posts