How to expand the Calendar Tooltip?

[msiegle]

Hi-

I would like to expand the tooltip and change font size.

The featured image is cut off, I would like to see the full size thumbnail. I would also like to change the font size for the tooltip header and body.

I have attached a screenshot.

Regards,

Mike

[Hunter]

Hey Mike,

Welcome back and thanks for reaching out. You can customize the tooltip to your heart’s content by creating a custom template override as outlined in our Themer’s Guide. The specific file you’ll need to locate is /the-events-calendar/src/views/month/tooltip.php.

It’s also worth noting the description at the top of tooltip.php.

Please see single-event.php in this directory for detailed instructions on how to use and modify these templates.

Locate /the-events-calendar/src/views/month/single-event.php for more info. This KB article on Featured Images may be of use, too. Best of luck with the customization and thanks again. Cheers!

[msiegle]

Thx Hunter, thank you for your response. I will dig into this a lil deeper and will be back in touch.

Regards,

Mike

[msiegle]

Hunter-

I am still lost. I check out exactly what and where you pointed me to. But unfortunately, I have no experience with php. I am looking to just use css to style the tooltip.

Regards,

Michael

[msiegle]

Hunter-

I found this bit of php code…

if ( function_exists( ‘tribe_is_event’) ) {
/**
* Modifying the thumbnail arguments in Month view tooltip from a filter.
*
* @link https://theeventscalendar.com/support/forums/topic/month-view-tooltip-image-size/
* @return array
*/
function change_tribe_json_tooltip_thumbnail( $json ) {
$event_id = get_the_ID();

if ( ! empty( $json[‘imageTooltipSrc’] ) ) {
$thumb_id = get_post_thumbnail_id( $event_id );
$thumbnail_atts = wp_get_attachment_image_src( $thumb_id, ‘full’ );

$json[‘imageTooltipSrc’] = $thumbnail_atts[0];
}

return $json;
}

add_filter( ‘tribe_events_template_data_array’, ‘change_tribe_json_tooltip_thumbnail’ );
}

What I did was create a NEW functions.php, set it in my child theme and it worked like a charm. The tooltip is now full length.

Regards,

Michael

[Hunter]

Michael,

Pat yourself on the back! Glad to hear you’re headed in the right direction and please feel free to open a new thread if you have any more questions or concerns. Have a great weekend. Cheers!

[Author]

Posts