Events list widget and TEC

[Jim]

The Events List widget does a great job of accessing the calendar and listing the next x upcoming events. Occasionally, instead of showing the title, time and place, the slot for an event shows only the “featured image.” Access to the event in the calendar is there, but hidden in the blank space below the image. This only happens to rare events, but it does happen. Does this have to do with the size of the “featured image”? Most of my images are well-cropped and appropriately sized.

Any information you could provide will be appreciated.

[Mathew]

Jim,

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

[Jim]

I tried checking the “featured” box to see if it made a difference. It does not. I’m pretty careless about the “featured” box, as I don’t have the plugin set to show only featured events, thus it doesn’t really change anything when it is or isn’t checked.

[Courtney]

Hello Jim

Can you start by going through our Testing for Conflicts Guide https://theeventscalendar.com/knowledgebase/testing-for-conflicts/?  I am wondering if you might have a plugin or theme conflict.  Begin by deactivating all other plugins, using a theme such as Twenty Seventeen https://wordpress.org/themes/twentyseventeen/, and see if the issue still persists. Also, double check for any other updates available (Dashboard » Updates). 

Please let me know if the issue still persists after these tests.

Also, please send me a link to the exact page this occurs on. I’d love to take a closer look.

Thanks
Courtney 🙂

[Jim]

I figured it out — the two events that were checked as “feature event” and “sticky in month view” in Event Options (not in Event Categories) were the ones where the featured image was all that appeared in the upcoming events stack. If you have an answer for this, please share it. Otherwise, I’m just going to do without Event Options and get back to work.

Thanks.

Jim

PS I did give you our web address and the error was right on the landing page. However, now I’ve fixed it per the above, so there’s nothing for you to see.

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

[Jim]

Excellent, Mathew — can I get on board your ticket so as to follow the progress of the (presumed) solution? If only so I can go back to featuring/stickifying events? I know this didn’t happen in previous versions, so I guess we should be optimistic about a fix.

Thanks again,

Jim

[Courtney]

I will escalate this issue to our developer team. Can you provide a link to the page with this occurring? I did see that you created a workaround @houghton1 but would like to have our staff look into this further.

Thanks
Courtney 🙂

[Jim]

Courtney —

With the “workaround” in place — simply a matter of not checking any boxes in the “Event Options” section — you’re not going to see anything unusual. The website is http://www.sfvaudubon.org and the upcoming events stack is on the left of the landing page as you scroll down past the slider. But like I said, you’re not going to see anything out of the ordinary.
When the problem is there, it’s exactly as Mathew describes it above — the “featured image” is present, as it should be when “feature event” is selected in “Event Options.” But no text is visible, though the pointer appears over the invisible text and links to the event’s page. If you know when you’re going to be looking, I can create the problem for you to look at and don’t mind leaving it that way for a couple of hours. Let me know.

Thanks

Jim

[Courtney]

@jhoughton1 & @mathewlewis

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.

Thanks
Courtney 🙂

[Jim]

It’s set to default. I will choose custom and give it black, see what happens.

Yup, what that did was create a black background for the white font to show up on. It looks great, but the “customize” option then is not for the font, it’s for whatever background you want to supply for a font that is default-white (and not editable, that I can see).

Here’s the thing: the default must have been default blue (more or less) because that’s the background that was showing in the month-view calendar (which turns the calendar font white), and used to show up in the upcoming events stack, too. Somehow, that color is not being transferred along with the event into the upcoming events stack on the landing page. It used to, but somewhere along the line it stopped. I can “custom” that same color and get the same old result. But I suggest that y’all need to let people know about this workaround, or make it so the featured highlight color travels with the event.

• This reply was modified 8 years, 9 months ago by Jim.

[Courtney]

Thanks Jim

What theme are you using? Did you get the same results with a different theme, like Twenty Seventeen https://wordpress.org/themes/twentyseventeen/?

Thanks
Courtney 🙂

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

[Jim]

Thanks, Mathew. Definitely a plot twist on my findings.

Courtney, I’m using the Vestige Theme, which is highly structured using SiteOrigin Page Builder. When I switch to one of the alternate themes, everything goes straight to hell — there’s no way to tell in the resulting jumble whether the causes of this or that issue have been revealed.

But you know…life is short and now that I have a solution to this small problem, I’m content to move on to other matters.

Thanks very much for your help (and giving me access to Mathew!)

Cheers,

Jim

[Courtney]

With @mathewlewis help, I have finally replicated this as a bug and logged it. You’ll be notified here as soon as a solution is available. In the meantime, it seems as though you’ve got a good workaround solution by customizing the Featured Highlight Color.

Do let us know if there is anything else we can do to help, and thank you both very much for your help on this issue.

Thanks
Courtney 🙂

[Author]

Posts