[Mathew]

Samuel,

You are correct. This is still an issue. The last working version was 4.3.5.

In version 4.4 and above, you can see the change in the general.php file and clearly see why it’s broke.

As an interim fix, you can “borrow” the some of the code from tooltip.php and use it in mobile.php.

Copy mobile.php to your child theme and look at lines 29-35 and make two changes.

1) Change imageSrc.length to imageTooltipSrc.length
2) Change =imageSrc to =imageTooltipSrc

I would have copied and pasted the code, but the syntax highlighter wreaks havoc on certain scripts.

Once the issue is resolved by TEC, then you can remove this modification.

Hope this helps.

[Mathew]

Courtney,

Thank you for your stick-to-itiveness on this one!

[Mathew]

Here’s what I found. Out of the box install of WP Twentyseventeen and TEC/TECPro (nothing touched as far as settings), the Featured Highlight Color is set to default and the issue of blankness is present. If you toggle the color to any of the predefined colors, let’s say ‘evergreen’ and save it, the background color changes and the white font is visible on the colored background. Good so far. Now set the Featured Highlight Color back to default and watch what happens. It defaults to the standard TEC blue and sticks. Problem solved. So it appears that you have to touch the setting once to make it kick in.

Now for a plot twist. When TEC is set to Skeleton Style, the font is black. You gotta love CSS.

Looking at the dynamic CSS file generated during install, line 15 root declaration in tribe-events-pro-full.pcss may be the culprit. I could be off base.

[Mathew]

Remy,

The Enfold theme sets the featured image size to a custom defined size of ‘845×321’ named ‘entry_with_sidebar’ within the /config-events-calendar/views/single-event.php file.

It appears that you are using a child theme. To override Enfold’s custom size, you can add this conditional filter to the functions.php file within the child theme folder.

// Change size of featured image on single events
add_filter( 'post_thumbnail_size', 'custom_single_event_post_thumbnail_size');
function custom_single_event_post_thumbnail_size($size) {
if( !is_singular('tribe_events') ) {
return;
}
if( ! has_post_thumbnail() ) {
return;
}
$size = 'full'; // Set desired image size here.
return $size;
}


Hope this helps.

[Mathew]

Courtney,

If possible can you provide a screenshot or working example of what a Featured Event should look like in the widget? If I can visualize it, I can recreate the style.

Also with and without a featured image.

[Mathew]

Jim,

Thanks for verifying what I thought may be the case. I have an open ticket on the same issue.

It appears that the tribe-events-pro-full.min.css file in Pro is setting the font to white and hiding the dates.

Hopefully they can reproduce the issue and resolve it.

[Mathew]

Courtney,

Thanks for looking into this.

I have figured out where the issue resides. Featured Events are given a class of “tribe-event-featured”. The CSS file tribe-events-pro-full.min.css and/or tribe-events-pro-full.css have some offending CSS in them.

For troubleshooting purposes, I deleted the minified version to force the full CSS file so I could get the line numbers. Here’s what I found.

Line 1200: Setting to none

.tribe-mini-calendar-list-wrapper .tribe-event-featured .list-date, .tribe-events-adv-list-widget .tribe-event-featured .list-date {
display: none;
}

Line 1221: Setting to white

.tribe-mini-calendar-list-wrapper .tribe-event-featured .tribe-mini-calendar-event .tribe-events-title a, .tribe-events-adv-list-widget .tribe-event-featured .tribe-mini-calendar-event .tribe-events-title a {
color: white;
}

Line 1110: Setting to white with opacity???

.tribe-mini-calendar-list-wrapper .tribe-event-featured .tribe-events-duration,
.tribe-mini-calendar-list-wrapper .tribe-event-featured .tribe-events-event-meta,
.tribe-events-adv-list-widget .tribe-event-featured .tribe-events-duration,
.tribe-events-adv-list-widget .tribe-event-featured .tribe-events-event-meta {
color: rgba(255, 255, 255, .7);
font-weight: normal;
}


I’m not sure why you were not able to reproduce the same results. My test environment was a clean install of WP and TEC/TECPro. Nothing else. Default everything. Nothing touched.

My interim work-around is to remove the “tribe-event-featured” class from the template.

[Mathew]

Courtney,

In repro testing, I used Appearance > Widgets on the Blog Sidebar.

[Mathew]

Jim,

Quick question. Is the problematic (blank) event a “Featured Event”?

[Mathew]

Chris,

I believe this article will get you in the right direction. I prefer Barry & Cliff’s snippet over Gregory’s. They both work and accomplish the same task, but the simplicity of using the shortcode anywhere is a perk.

I have found that you may need to also enqueue ‘tribe-events-bar’ to make the datepicker fire.

Tribe__Events__Template_Factory::asset_package( 'tribe-events-bar' );

Please note that this level of customization goes beyond the support scope provided by the great TEC staff. So if this customization does not have the desired effect or needs tweaking, you are on your own to resolve it.

Hope this helps.

[Mathew]

I don’t readily see it in the release notes. I tested it out and it does appear to be resolved. Thanks.

[Mathew]

Alain,

While waiting for an official fix, this snippet may help. I am using it with great success.

Add it to your custom functions.php file.


// Fix for UTC time offset issue in Google Structured Data Tool results

function tribe_modify_json_ld_event_dates ( $_data, $args, $event ) {

$_data->startDate = date_create( tribe_get_start_date( $event->ID, true, Tribe__Date_Utils::DBDATETIMEFORMAT ) )->setTimezone( new DateTimeZone( 'UTC' ) )->format( 'c' );
$_data->endDate = date_create( tribe_get_end_date( $event->ID, true, Tribe__Date_Utils::DBDATETIMEFORMAT ) )->setTimezone( new DateTimeZone( 'UTC' ) )->format( 'c' );

return $_data;
}
add_filter( 'tribe_json_ld_event_object','tribe_modify_json_ld_event_dates', 10, 3 );


Hope this helps.

[Mathew]

Janelle,

Unfortunately this is an Enfold issue and not something that the support staff at The Events Calendar can address.

In the latest version of Enfold, the theme author has explicitly defined where the customized views and styles reside in the functions.php file. If you want to customize views and styles, you will need to essentially undo what Kriesi has done.

There’s a few articles on Kriesi’s support site with regards to this. Here’s a list as a starting point.

Events Calendar – How to override template files "correct way"?

Enfold and Tribe Events Calendar

Default Template Settings Missing from Event Calendar Pro

Again, this is an Enfold issue and you may need to contact their support to resolve your issue.

Hope this helps.

[Mathew]

This reply is private.

[Mathew]

Lisa,

Here’s a useful article that will bring back the 15 minute timepicker intervals.

Hope this helps.

[Author]

Posts