Docs

[3b1a2f46-a516-40cf-beba-b611930e4819]

Hi,

I have a grid that I have added item spacing onto. I am happy with the padding left and right, but I don’t want that much padding on the top and bottom.

I’ve looked at the essential grid documentation but can’t see any relevant topics.

Any help is appreciated.

[Joao]

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[3b1a2f46-a516-40cf-beba-b611930e4819]

This reply has been marked as private.

[Nico]

Hi There,

First you need to identify the post id then add its class to the CSS to target a specific grid.

For example,

.mainul li .eg-post-id-845 {
min-height:510px;
}

Hope it helps.

Let us know how it goes.

Thanks.

[3b1a2f46-a516-40cf-beba-b611930e4819]

Thanks for that Nico,

Any ideas on the item spacing issue from my first post?

Thanks

[Nabeel A]

Hi again,

Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.esg-grid .mainul li.eg-item-skin-1-wrapper {
    top: auto !important;
    position: relative !important;
    transform: none !important;
    left: auto !important;
    margin-right: 7% !important;
    display: inline-block !important;
    height: auto !important;
    vertical-align: top;
    margin-bottom: 1% !important;
}

Don’t forget to clear your browser’s cache after adding the code. Let us know how this goes!

[3b1a2f46-a516-40cf-beba-b611930e4819]

Hi Nabeel,

That seems to have sorted out the issue between each grid item but there is now a large gap below the grid.

Any ideas?

Thanks

[Nabeel A]

Hi again,

Please add the following code in your Customizer:

.esg-overflowtrick, .esg-overflowtrick >ul {
    height: auto !important;
}
.esg-filters.esg-singlefilters {
    margin: 0 !important;
}

Let us know how this goes!

[Author]

Posts