Display more than one featured image on a specific date in monthly view

[Christopher]

I followed the guide on adding featured images to the monthly grid, but noticed it only allows one image per grid date. Is there a way around this? We have multiple events on any given day and would like each events image to be displayed.

[George]

Hey Christopher,

Can you specify what guide you’re referencing, and share a link to where you found it? Also, paste your custom code for this functionality into a Gist at http://gist.github.com and share a link to that Gist here – if you have multiple for this, make multiple Gists, and be sure to just paste your whole files, unedited, into the Gist (don’t remove any of the code or even comments in the file or anything).

I’m only curious about these details because the code you already have might just need a small tweak for this.

Thanks!
George

[Christopher]

This reply is private.

[George]

Hey Christopher,

Apologies for the delayed response here – your last reply was on Christmas Eve, and I was out for a while with the holiday and everything. Thanks for being patient while we get our support flow back up to full speed, it means a lot!

I’m curious about how your month grids look if you add multiple events to a given day – I checked out the link you provided, but all the days there only seemed to have one event. Can you add some “dummy”/sample events for testing, if possible, and let me know when you’ve done so? I’ll take a closer look at your Month View again just to see how it’s behaving with multiple events.

As for centering the featured images, you can do that with some Custom CSS like the following:

.tribe-events-event-thumb {
    text-align: center;
}

Let me know if that helps, and again: thanks for your patience! 🙂

Cheers,
George

• This reply was modified 11 years, 3 months ago by George.

[Christopher]

Hey George,

I have added two events to January 15, 2015

Here’s a link to the calendar: http://paintingandvino.com/newsite/locations/category/san-deigo/

Thanks,

Chris

[Christopher]

Hey George,

I was also wondering if there was a way to have the image above the text and be able to add venue name and the time of the event.

I can send you a link to our current calendar system to give you a better idea of what we are looking for.

Thanks,

Chris

[George]

Hey Christopher,

Thanks for sharing the link and making those test events. I’ve actually gone ahead and update the single-event.php template in general – the one in that original tutorial article is a bit outdated, if you look at the views/month/single-event.php template in The Events Calendar in the current version of the plugin you’ll see it’s different than the one cited in that tutorial.

Here’s a Gist for the custom view for you to use instead of what you have currently, it will show featured images for all events on a given day if the featured image exists:

https://gist.github.com/momnt/f8161b631847a700cb60

As for your other questions, I’m afraid these are getting a bit outside the scope of support we can provide here. We can only provide limited support for customizations, but fortunately, moving the images around and getting information from the venue are definitely possible and pretty simple to do. I’d recommend playing around with the template I made in the Gist above – when it comes to getting info from an event’s venue, check out the search functionality here on theeventscalendar.com and search for venue-related things, limited to “Documentation”. That should pull up technical documentation for functions that you can use to get all sorts of information from an event’s Venue.

I hope this all helps, including the centering CSS I mentioned in a reply above. Be sure to make backups of all your custom code, and let me know if you have any other questions or concerns!

Thanks,
George

[Christopher]

I added the code you provided and now two event images are displayed on the same day, but it seems the link is not working to take you to the event page.

Any suggestions?

Also, is there a way to center align the text like we did with the image on the calendar?

http://paintingandvino.com/newsite/locations/category/san-deigo/

[George]

Hey Christopher,

Yes, you can wrap the image in the code I shared above in a Gist with an HTML link, and use the tribe_event_link() function to link to the event directly. Here is a modified Gist that exemplifies this tweak to the original one above:

https://gist.github.com/momnt/f8161b631847a700cb60

As for centering the text in addition to the thumbnail, this is a small CSS tweak that you should be able to play around with and get working very simply. Just add the class .tribe-events-month-event-title to the centering CSS I shared above, so it looks instead like this:

.tribe-events-event-thumb,
.tribe-events-month-event-title {
    text-align: center;
}

Since we can only provide limited support for customizations, for further tweaks and customizations beyond this point, please refer to tools like our Themer’s Guide – between that and the search functionality here on TheEventsCalendar.com (and even good ol’ Google searching for general CSS or WordPress questions) you should be able to get things just how you want them.

Since we’ve addressed the original issue of getting multiple featured images on a given “day” in the month view, would you agree that this is issue is resolved? If so, I can close up this ticket, but if you have other questions or concerns, let me know here and we can keep helping you out within the scope of the support we can provide.

Oh, and be sure to make back ups of all custom code you write! 🙂

Cheers,
George

• This reply was modified 11 years, 3 months ago by George.
• This reply was modified 11 years, 3 months ago by George.

[George]

Hello,

This issue’s been sitting here a while so I’m going to go ahead and close it for now – if other issues arise, don’t hesitate to come back and open a new ticket, and if you need to open a new ticket about the same issues you originally brought up here, please share a link to this original ticket so we can pick up where we left off.

Cheers!
George

[Author]

Posts