Support

Home Forums Event Espresso Premium Events Grid View Template: Disable hover and embed date

Events Grid View Template: Disable hover and embed date

Posted: August 22, 2018 at 3:30 pm


shion

August 22, 2018 at 3:30 pm

Hello, I went through the documentation but couldnt find any front facing way to edit the grid layout. Is it possible to disable the hover effect and have it show the details all the time? It’s a bit hard to scan a list of events/date if the user has to hover over each of them. Ideally, i would like the date to be visible at all times and the rest of the details can show up on hover.

Currently, im using this add on as a way to list “upcoming events/courses”.

Here is the upcoming courses provided by another plugin but would like something similar to work with EE.
http://shion.ca/repo/upcomingcourses.jpg

Is there a way to override the layout without hacking core?

Thank you!


Josh

  • Support Staff

August 23, 2018 at 6:51 am

Yes there is, and thank you for asking!

You go to your site’s Appearance → Customize admin page and drop this CSS into the Additional CSS panel:

.ee_grid_box_v2 .ee_overlay {
    top: 0;
}


shion

August 24, 2018 at 11:57 am

Thank you! That did the trick. Now I just have to see if I can edit some of the content that is displayed there (e.g. making the date more prominent)


Josh

  • Support Staff

August 24, 2018 at 1:31 pm

You could try adding this CSS to make the dates more prominent:

.start-date {
font-weight: bold;
text-size: 120%;
}

The support post ‘Events Grid View Template: Disable hover and embed date’ 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