Home Forums Event Espresso Premium Grid template – info below picture, not on image

Grid template – info below picture, not on image

Posted: February 20, 2018 at 7:11 pm


February 20, 2018 at 7:11 pm


I’d really like to pop the EE Grid Template on my site, but need to have the event information below the grid image for ease of reading. How can I make this happen? I can see this q has been asked before but can’t find a concrete answer.



  • Support Staff

February 21, 2018 at 1:43 pm

Hi there,

The Grid Template wasn’t designed to display the information below the image, but you can add this CSS to your site to override the way it was designed:

.ee_overlay {
position: relative;
top: 0;

You can add the above to the Customize > Additional CSS panel.


February 21, 2018 at 9:01 pm

Thanks so much. I have definitely used something similar in the past and it’s worked great – I’ve popped the code in. Having listed a few events, though, they’re appearing on top of each other, rather than as the actual grid.

Here’s the link:


  • Support Staff

February 22, 2018 at 4:09 am

I looks like you have edited the default template file and your missing a closing div.

Each list item is a child of the last –

See how each item is a child of the last (you’ll also notice your grid items get slightly smaller each time)?

Here’s an example of how it should look –

You’ll need to check your custom grid template and fix the missing closing div to fix the above.

The support post ‘Grid template – info below picture, not on image’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Support forum for Event Espresso 3 and Event Espresso 4.
Documentation for EE3 and EE4
Documentation for Event Espresso 3 Documentation for Event Espresso 4

Status: closed

Updated by  Tony 2 years, 3 months ago ago

Topic Tags



This topic is: not resolved
Do NOT follow this link or you will be banned from the site!