Calendar Tooltip

[Michael]

I have one question. I’m still looking to get thumbnails to appear in my calendars tooltip. The only real answer to this on your forum that I found from searching was https://theeventscalendar.com/support/forums/topic/thumbnail-in-the-tooltip/ .

However, when I try to follow Jonah’s instructions from his posts, I noticed there is no option for me to add a featured image to my events, so I’m unable to achieve this.

I then found some websites using your plugin which had a picture in their tooltip. So I contacted their owners in order to ask how they achieved it. None of them responded, so I’m still none the wiser.

Is there anything you guys can do to help? Surely making a thumbnail appear in the tooltip isn’t far off from making it appear in the event list?

Cheers

[Barry]

Hi Michael. If you edit an event you should find the Featured Image meta box toward the bottom of the boxes on the right hand side. The normal or default sequence is something like:

# Publish meta box
# Event categories
# Event options
# Featured image

Once you’ve uploaded an image (or have chosen an existing image from the media library or gallery) be sure to click the Use as Featured Image link and click on the Update button to save the change.

[Michael]

As you can see I don’t have the feature image option.
http://i210.photobucket.com/albums/bb243/Sorrowsrage/lol.png

Got any work arounds?

[Barry]

That’s strange. Can you confirm that you are using the latest version of The Events Calendar (2.0.9)?

If so and if WordPress is up to date (of course it looks like it is, judging by the screengrab) then I can only imagine there is some kind of conflict with another plugin or even your theme – so the standard steps of deactivating all other plugins and switching to a default theme such as Twenty Eleven are worth following.

Hopefully by doing this you will find that Featured Image functionality is restored. If so, reactivate all other plugins (and your theme) one-by-one until you pinpoint where the conflict is.

[Michael]

You are right it is a conflict with my theme. I can’t not use this theme now. My site is going live on Friday and I’ve been working on fine tuning the theme for weeks.

Is there no way else to get the thumbnail to be displayed in the tooltip, without the use of a feature image or?

[Barry]

Well, actually you may well be able to add featured image support by including the following line in your theme’s functions.php file:

add_theme_support('post-thumbnails');

Does that fix this for you?

[Michael]

Good news, that worked like a charm!

Sorry to be such a pain in the ass, got one final hurdle for this though.
Now that I’ve attached a featured event I get the following on the gridview tooltip and on the event list views.

http://i210.photobucket.com/albums/bb243/Sorrowsrage/dafuq1.png
http://i210.photobucket.com/albums/bb243/Sorrowsrage/dafuq2.png

On the event list view, obviously the thumbnail picture is meant to be there, but I have no idea why the second one appears.

If you need me to provide any of the files to make it easier to diagnose do let me know 🙂

[Barry]

Good news, that worked like a charm!

Well that’s good. Actually I was a bit slow off the mark, I’m so used to testing with default themes that it didn’t initially occur to me that the problem could be a lack of thumbnail support in your theme, so my apologies on that count.

I have no idea why the second one appears.

Nor do I, at this point anyway! I’m sure we can figure it out though. Can you provide a URL that will let me observe this first hand?

[Michael]

http://www.nightlifenation.co.uk/events/month/

[Michael]

Ok I’ve fixed the previous issues by playing around in the list and table php files.

However if you mouse over any of the first two events this friday, you can see the text dosen’t wrap nicely around the photo, got any solutions for that?
(Fingers crossed after that I can put this issue to rest :P)

[Barry]

You’d need to apply some CSS, something like this http://pastebin.com/yhM7pQM9 (not a complete solution).

[Michael]

Dosen’t change anything I’m afraid.

[Barry]

Then I’d guess you’ve made the change in the wrong place. What stylesheet did you change (and where within that stylesheet is the change that you made)?

[Michael]

events.css:306
.tribe-events-tooltip.tribe-events-event-body

Add the margin to that part of the css did nothing.

I then added .tribe-events-event-body to the end of the events.css file with the margin and nothing changed again.

[Barry]

Michael: what you really need here is a level of support that I can’t offer you.

The block of CSS rules beginning on line 306 of events.css http://pastebin.com/THY7F660 are actually being respected, so far as I can see, it’s just that they don’t have any bearing on the problem you mentioned:

However if you mouse over any of the first two events this friday, you can see the text dosen’t wrap nicely around the photo, got any solutions for that?

All I can really suggest is that you take another look at my previous paste http://pastebin.com/yhM7pQM9 (it doesn’t look like you’ve implemented anything like this).

Please also bear in mind that this is already catered for in the default events.css file – however the thumbnail needs to be contained within a div of its own (div.tribe-events-event-thumb) and it looks like you have removed this – that’s perfectly fine of course, the whole idea is that you can customize things, but you do need to have a solid grasp of HTML and CSS (or work with a designer) to pull this off.

[Author]

Posts