Featured Event, Featured Image don't appear in tooltip

[Ken Charity]

I have a event that is set to be “featured” it also has a featured image.

In month view when I roll over the event I get a dark square instead of an image (see attachment).

When I look at the CSS I see that:

.
tribe-events-tooltip .tribe-events-event-thumb {
float: left;
}

When I comment out the float I see an image. Is there CSS that is missing to change that?

[Victor]

Hi Ken!

Thanks for getting in touch with us. Let me help you with that issue.

I could not reproduce that on my end so it can be related to a theme or plugin conflict. Could you please share with us a link to that page so I can have a closer inspection?

If that’s not possible, then please go through the steps provided in the testing for conflicts guide > https://theeventscalendar.com/knowledgebase/testing-for-conflicts/ to narrow the problem down.

Also, when coming back please share with us your system information by following this guide > https://theeventscalendar.com/knowledgebase/sharing-sys-info/. We’ll see if there is anything strange that would indicate an error from there.

Thanks,
Victor

[Ken Charity]

The issue occurs with the display setting set to “Full Styles” for the stylesheet. It shows as normal “like the demo” when set to “Tribe Event Styles”.

[Victor]

Hi Ken!

Thanks for letting me know about that.

Unfortunately, I’m not able to spot the issue on my end. Have you gone through the testing for conflicts guide and see if the issue still persists with a default theme and/or deactivating other plugins? > https://theeventscalendar.com/knowledgebase/testing-for-conflicts/

If you could share with us your system information and give us a link to where the issue is ocurring, we could take closer look and see if we can spot from the problem from there.

Please let us know about it.

Thanks,
Victor

[Ken Charity]

This reply is private.

[Victor]

Hi Ken!

Thanks for coming back with the link.

I can see there are some of your active theme styles that are conflicting with the tooltip. I managed to overcome the featured image issue by adding a CSS style.

Try adding the following CSS snippet into your theme’s styles or by using the WordPress customizer (wp-admin > Appearance > Customize > Additional CSS)

#tribe-events-content .tribe-events-tooltip h4 {
position: static;
}

Please try it out and let me know if it works for you.

Thanks,
Victor

[Ken Charity]

Hi Victor,

Yes I see that the <h4 class="entry-title summary"> tag had a property of position:relative since it had the class entry-title defined in my CSS.

I have added your selector and it seems to solve the problem. Thanks for helping diagnose and fix the issue.

[Victor]

Hi Ken!

Glad to know that worked out for you. Thanks for letting me know about it.

I’ll close this thread now, but feel free to open a new topic if anything comes up and we’ll be happy to help.

Cheers,
Victor

[Author]

Posts