Support

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


deafchildrenaustralia1

February 20, 2018 at 7:11 pm

Hi,

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.

Thanks!


Josh

  • 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.


deafchildrenaustralia1

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: https://deafchildrenaustralia.org.au/dev/upcoming-events/


Tony

  • 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 – http://take.ms/6NEYw

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 – http://take.ms/i4vce

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.

Event Espresso