Hi Yigit, thank you for looking into this.

Re. contacting TEC: we are just using the free version of the plug-in with the built-in integration provided by Enfold. We don’t have a direct support relationship with them.

You will see if you investigate ../enfold/config-events-calendar/ in a standard Enfold installation that there is quite a bit of custom integration and theming for TEC provided by Enfold. This is used specifically in the Enfold Church Demo (on which our site is based). I made the assumption that the behavior we are relying on here was a custom optimization for the tribe-events custom taxonomy provided by Enfold (to support displaying events in the Blog Posts element).

Hopefully, your developers will be able to restore this behavior, or, if they have a relationship with TEC, they may be able to reach out to them to see if a fix could be worked out on their end… Thanks in advance!

Best,

Gary

Thanks Mike, I appreciate the detailed response.
Yes, the headline styling I mentioned was in reference to the H3 styles you pointed out. I had a feeling you might say this, and it’s okay, we can restyle the pages.
All I can say is that when we first chose Enfold for our site using the Church Demo template, I recall that all of the TEC event pages we created were styled to match the theme styling (at least in terms of fonts), without us having to do anything. I had thought that was intentional, since the Church Demo used TEC as an integrated feature. But with the updated TEC plug-in, it appears this is no longer the case.
In any case, I have also found good bit of our own TEC-related CSS overrides in our child theme’s CSS that I apparently used to adjust spacing here and there. Some of this is no doubt invalid for the new TEC 5.x plug-in. I will spend some time cleaning this up and restyling things to our liking.
Thanks again for the help. Should you have any further updates on this, please let me know.
Best,
Gary

• This reply was modified 2 years, 11 months ago by garyvot.

Hi Mike, thank you for the response. I am sorry for the late reply. I will give this a try.

Best,

Gary

Thank you Mike.

As a follow up, I believe any investigation should look into this with the Enfold Church demo theme. This is the theme we used as the basis for our site, and it has specific Enfold TEC customization that may be a factor.

I was able to test this on another site with Enfold after temporarily installing TEC. Without the Church demo theme I could not replicate the issue. But I also could not apply the Church demo theme to this site to test.

That leads me to believe that what’s going on is either something specific to our site, or something specific to the Enfold TEC customization that’s applied by the Church demo.

Edit: I realized that I made an assumption that the TEC customerization is installed only with the Church demo theme and not as a standard part of Enfold, since TEC is included with the demo. But if this isn’t the case then I think the issue must be with our code or with another plugin on our site. I’ll do some more investigation on my end as well.

Hope this helps.

• This reply was modified 3 years ago by garyvot.

Thank you Ismael.

I solved the initial issue of the styles in event-mod.css not being applied by upgrading my TEC calendar views to their new version. This has fixed the layout problems.

However, I am now seeing a new problem with fonts on the event pages not following the theme styling. Everything is being rendered in Helvetica instead of my theme font (Open Sans). Upon investigation, I am seeing invalid property declaration warnings in the Edge Chromium debugger.

I have posted a link to a screenshot in the private content area, as well as WordPress site credentials. Please let me know what else I can provide to help.

Best,

Gary

Alright, thank you Ismael. I’ll do some further investigating to see if I can make it work using the information referenced in the other threads. You can probably close this for now.

Gary

Hi, thank you @guenni007 for the assistance. I appreciate it.

You guys can close this. I have abandoned this line of development for now. Thanks again.

Great, thank you Victoria. I can probably take things from here, so you can close this if you like.

Gary

Hey, thank you for the response Nikko. I figured as much: oh well. It would be a useful enhancement, I feel, if something like this could be implemented eventually with navigation similar to a bookmark. The Horizontal Gallery already supports a setting to specify the initial slide on load, so this doesn’t seem like it would be too great a stretch.

In any case, thanks for listening.

Thanks Jordan.

I appreciate the suggestion, but that code actually disables the navigation controls altogether. They are already disabled by default on mobile. Were were actually trying to enable them while disabling the flyout animation. (Sorry if I wasn’t clear.) Incidentally, your CSS does not work for mobile in Enfold unless you add .responsive and #top selectors as so:

@media only screen and (max-width: 767px) {
    .responsive #top .avia-post-nav.avia-post-prev.with-image,
    .responsive #top .avia-post-nav.avia-post-next.with-image {
    display:none !important;
    }
}

I guess we can play around with the matrix and transform on these elements. I’m not well versed in CSS3 animation stuff, but I can probably figure it out from here.

Best,

Gary

Thank you Jordan for the reply. But it’s not the mobile menu I’m referring to, but the sticky post navigation buttons that appear at the sides of each single blog post page to allow moving through the feed. It seems these are hidden on mobile layouts by default, but we elected to show them through a bit of CSS previously provided here:

@media only screen and (max-width: 767px) {
  .responsive #top .avia-post-nav {
      display: inline!important;
  }
}

I’m seeking to know if there is a way to disable the mouse-hover flyout behavior for these elements on mobile layouts.

Thank you.

Hi Victoria, one last question.

Update:
I discovered the solution and am posting it here in case anyone else has the same requirement. It turns out that it is possible to check the taxonomy of the current query, making it easy to scope the function to affect only events:

add_filter('avia_post_slide_query','avia_modify_blog_post_query');
function avia_modify_blog_post_query( $query)
{
    $tax = $query['tax_query'][0];

    if ($tax['taxonomy'] == 'tribe_events_cat') {
      $query['orderby'] = 'date';
      $query['order'] = 'ASC';
    }
  return $query;
}

Cheers,

Gary

Hello Günter, and thank you!

I have implemented your fix and the content is indeed showing up. However, it is returning the second upcoming event, not the first, at least on our site.

I have updated my test page so you can see this problem:

https://www.cascadehorseshows.com/event-countdown-test/

Can you take another look?

Thank you again.

Hi Ismael. Any further word on this?

FYI, I have determined that the reason the element is “missing” is that the following lines are being executed in the shortcode_handler function:

if( empty( $next->posts[0] ) || empty( $next->posts[0]->EventStartDate ) || empty( $this->start_date_utc ) ) 
{
	return '';
}

This suggests that the code is failing to properly fetch the upcoming events in this function:

/**
 * 
 * @since < 4.0
 * @param int $offset
 * @return WP_Query
 */
protected function fetch_upcoming( $offset = 0 )
{
	$query = array(
				'paged'				=> false, 
				'posts_per_page'	=> 1, 
				'eventDisplay'		=> 'list', 
				'offset'			=> $offset,
				'start_date'		=> date( 'Y-m-d' )
				);
	$upcoming 	= Tribe__Events__Query::getEvents( $query, true );
	return $upcoming;
}

Can you please have your developers look into this soon?

Thank you.