Essential Grid CSS question

[Pbalazs89]

Hi there,

Site: http://www.padthai.decorolux.com/

I would like to format EG in the following way:

I mostly accomplished this, but the distance between the elements is way to big. This is how it looks:

I’d like to decrease it but I see no elements which are causing the spike in height. Could you help?

Thanks!

[christopher]

Hi @Pbalazs89,

Actually, there is no padding and margins, the Essential Grid is actually using the top and left options of an absolute positioned items to make the items in a row using a complete Javascript code.

It will always make the items sit in a unified order depending on the container which it is in. So if you limit the container it will change its behavior.

For example add the code below to Pro > Theme Options > CSS:

.myportfolio-container {
    max-width: 979px;
    margin: auto;
}

Also, there are native options inside Essential Grid in the admin section which you can fine tune the grid. Please read the documentation here.

Thank you.