Events List widget Featured Events are blank

[Mathew]

Ran into this on a site in production, so I created a clean MAMP install with only WordPress 4.8, TEC 4.5.7 and TECPro 4.4.13 and the issue is present and reproducible.

If an event is set to “Feature Event” in the admin, when viewing the widget on a page, the event is blank/hidden, but the link is still present.

See attached files. One is the month view showing the event and the other the widget view. As you can see, regular events show as intended. Under the Not Featured Event should be the Featured Event. The only things displayed is a horizontal line which is linked to the featured event.

[Courtney]

Hello Matthew

Can you tell me which way you used to add the widget? Is this using Appearance » Widgets or with Widget Shortcodes?

Hoping we can narrow this down soon.

Thanks
Courtney 🙂

[Mathew]

Courtney,

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

[Courtney]

Hi Matthew, I was unable to reproduce with the same situation. Can you copy/paste your System Info here? I’d like to see more details about your configuration.

Thanks
Courtney 🙂

[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,

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.

[Jim]

Mathew, before this “white font” thing became a problem, “featured event” (in event options, not event categories) differed from other events in the stack because it showed a small version of the featured image above the linking text with event name, date and location. If there was no featured image, then it didn’t, but the the text linking to the event’s page was always visible. I think you nailed it when you said the text is there, it’s just invisible because it’s set at “white.” At least, that is completely consistent with what’s there on the page.

[Courtney]

When you go to Appearance > Customize > The Events Calendar > General Theme > General Theme what is the Featured Highlight Color set to? If custom, what is the custom value?

Also, what theme are each of you using? I’ve tested with Twenty Seventeen https://wordpress.org/themes/twentyseventeen/ and unable to reproduce the issue.

 

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Author]

Posts