Text in Essential Grid post starts too far down the page

[FinchleySociety]

I’ve been using Essential Grid on the home page of our website for some time now, and I’ve been very happy with the results.

One small thing that has always puzzled me, though is why the text / images starts so far down the page in the Essential Grid post (i.e. not the text in the grid itself, but in the posts linked to the grid items)

In the ordinary pages on the site, the top line of text / image on the page starts much higher up (about where the text in the sidebar begins). But in the Essential Grid posts, the text starts further down, below where the sidebar starts.

Is there a simple way to adjust this? It isn’t a show stopper, just looks a little untidy.

[tristup]

Hi @FinchleySociety,

Thanks for reaching out.

There are no such issues found in your site, visiting through the dashboard. Can you please specify the page URL where you are getting this issue(s).

Providing screenshot marked with the issue or any videos will be a great help to diagnose the problem.

Thanks

[FinchleySociety]

Thanks.
Here is an ordinary page on the site

https://www.finchleysociety.org.uk/about/

in which the main text starts about where you would expect it to, i.e. just below the search box and above the text in the left sidebar.

In the Essential Grid posts the text starts much further down the page, e.g.

https://www.finchleysociety.org.uk/essential_grid/volunteer-led-heritage-regeneration/

where the main text starts almost at the third line of the text in the left sidebar.

The Esssential Grid grid, which is on the home page of the site, starts in about the same place as an ordinary page, just below the search box.

It would be nice to tidy this up a bit, but I can’t figure out what setting would do that.

Thanks

Stephen Yeo
Finchley Society

[tristup]

Hi Stephen,

In your ordinary page content starts with the simple text, whereas in Essential Grid post, it starts with the Heading tag i.e h5.
Which has some predefined margin which causes the gap from at the top. To get rid of that gap, you need to add a piece of custom CSS Code into the Theme Options > CSS.
Remember that the example code will work if copied as it is and don’t conflict with any existing code.

.essential_grid h5
{
    margin-top:0px !important;
}
.essential_grid .entry-content
{
    margin-top:0px !important;
}

To modify it further you can check this resource to learn more.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We do not provide support for custom codes that means we can’t fix it in case it conflicts with something in your site nor will we enhance it.

Thanks

[FinchleySociety]

OK, I’ve got that, along with the health warnings.

Thanks very much for the help.

Stephen Yeo

[tristup]

Hi Stephen,

You are most welcome.

Thanks