Calendar images not displaying correctly.

[Tiffany]

Hi, I had a previous thread going about thumbnail images not showing up correctly when hovered over the event on month view. It got closed. I’m still having an issue. I pasted my previous thread below. In response to the last comment, yes, I tried switching to the default theme, and the thumbnail images showed up correctly! But that doesn’t solve my problem. What can I do to have the thumbnails show up correctly, while using the theme that the site is built on? The thumbnail images used to show up correctly, and now they do not. By now we have over 500 events. There’s got to be some kind of fix for this?

Please let me know what I can do to fix this issue. Thank you very much!
http://www.fullcirclevenice.org/events/month/

——————————————

Hello,

For some reason some of my thumbnail images aren’t showing correctly.

If you go to the calendar page and hover over the events, some of the thumbnail images are HUGE.
(Monday night Drop in Meditation-recurring, and some random others)

I looked at the way they are set up and they all appear to be set up the same. I dont see whats causing this issue. I even deleted and re-added the event without a fix.
What do you think?

http://www.fullcirclevenice.org/events/month/

Posts: 4411
Topics: 3
Geoff
May 25, 2015| Permalink
Hi Tiffany! Thanks for getting in touch and sorry for the trouble here with the featured images in your calendar.

I definitely see what you mean. Some of the images in the tooltip in Month View are nicely formatted and others are gigantic and overflow the container of the tooltip by a mile. That’s no good!

The first thing I noticed when digging around was that some of the images were true thumbnails and others were not. For example, check out this image:

http://www.fullcirclevenice.org/wp-content/uploads/2015/04/QiGongflyer-150×150.jpg

…and compare it to this image:

http://www.fullcirclevenice.org/wp-content/uploads/2015/05/OrmusSoundBath.jpg

Notice how the URL of the first one includes “-150×150” in the title and the second one does not.

That suggests to me that perhaps your theme is not always generating the a thumbnail for the images being uploaded. If it was, then we should be able to view the thumbnail for that second image here:

http://www.fullcirclevenice.org/wp-content/uploads/2015/05/OrmusSoundBath-150×150.jpg

…however, that returns a page not found.

Does the same thing happen when you use a default WordPress theme, like Twenty Fifteen? You would need to activate that theme and create new events to test, but you could do that on a subdirectory of your server so it doesn’t interfere with your live site, if you prefer.

Let’s start there and see what we find. 🙂

Cheers!
Geoff

[Cliff]

Hi Tiffany.

If I understand your issue fully, your month view featured images ARE showing, just that they’re way too big, right? At least this is what I’m seeing at http://www.fullcirclevenice.org/events/month/

I think simply adding max-width: 100% to those images is all you’re needing. Try this CSS rule:

.tribe-events-tooltip .tribe-events-event-thumb img { max-width: 100%; }

You can add custom CSS code via your child theme’s style.css file or via a plugin like Simple Custom CSS or, my favorite, Jetpack. Jetpack supports regular CSS and the LESS and Sass pre-processors.

Let me know how it goes for you and if there’s anything else I can help with.

[Tiffany]

It worked! Thank you so much, that glitch was annoying. I’m so glad you were able to give me a fix!

[Cliff]

Excellent!

Looks nice 🙂

[Author]

Posts