Page title bar not appearing on Upcoming/Past Events screens in Avada theme

[reebek]

I need the page title bar that I have appearing on every other page on my site to appear on the Upcoming and Past Events pages.

Can someone please tell me where/how this could be hardcoded if necessary?

According to this list: http://themeforest.net/attributes/compatible_with/events_calendar_pro that you linked to here on the forum TEC Pro is supposed to be compatible with my theme.

[reebek]

Maybe I’m going crazy but I did briefly see the page title bar appear on those pages when I wasn’t even working on the site. It brought up ‘404 page not found’ as the title though, which looks like a whole other issue that’ll need to be fixed if the title bar does show up.

[reebek]

Ok, I’m not going crazy after all… If you go directly to the past events page (http://abodaq.org.au/newsite/events/?action=tribe_photo&tribe_paged=1&tribe_event_display=past) it comes up with the photo banner, and if you click the ‘next events’ link to move forward to the upcoming events it shows the banner, but if you hit refresh on the upcoming events page or go directly to the default view it reverts back to no banner?

[Barry]

Hi: I’m sorry you’re hitting difficulties.

According to this list: http://themeforest.net/attributes/compatible_with/events_calendar_pro that you linked to here on the forum TEC Pro is supposed to be compatible with my theme.

Just to be clear, we’ve provided that link in case it’s helpful – but it’s really based on the theme author’s own declarations of compatibility and we haven’t for instance vetted the themes on that list.

It does look like there are some custom CSS relating to The Events Calendar in place, some of which may be impacting:

/**** * WOOCOMMERCE AND EVENTS CALENDAR ****/

.tribe-bar-date-filter {
    display: none;
}

.tribe-events-loop .tribe-events-event-meta {
    font-size: 14px !important;
}

table.tribe-events-tickets td {
    padding: 8px 10px 8px 0;
    vertical-align: middle;
}

Are you aware of these rules/is it something you added?
 

[reebek]

Yes I added the custom CSS but they’re just visual tweaks like font sizes that would be very unlikely to ‘break’ anything. Besides, it’s not that the banner can’t appear, the issue is why/when the banner doesn’t appear.

As I mentioned above, the banner appears only if you go directly to the Past Events THEN go to Upcoming Events. The urls don’t change, so why do the pages display so differently depending on which page you came from?

The navigation changes at the same time – if you go directly to the Upcoming events page it brings up Previous and Next event links in the footer (even when there are no next events), but then when you go to Past events and come back, the Next events link no longer appears.

Why don’t these things work properly when you go directly to the default view?

[Barry]

OK, so I just want to clarify things as I’m worried that I am misunderstanding you. This is what I’m guessing you are referring to when you speak of the banner – is that correct?

If so, it seems you have disabled this (via Events → Settings → Display → Disable the Event Search Bar) and instead you should see what’s sometimes called the classic header.

However, the custom rules do appear to be conflicting here and telling my browser not to load the inline custom CSS rules appears to resolve it (your rule re the .tribe-bar-date-filter element being particularly relevant here).

Does that clarify things – am I misunderstanding and you are actually referring to something else?

[reebek]

No, I’m not talking about the filter bar at all. I don’t require the filter bar so I hid it with CSS.

What I’m talking about is the photo banner with the heading “Error 404 page” that appears if you go directly to the Past Events page: http://abodaq.org.au/newsite/events/?action=tribe_photo&tribe_paged=1&tribe_event_display=past but not if you go directly to the Upcoming Events page: http://abodaq.org.au/newsite/events/

If you go to the Past Events page via the first url above and then click on the ‘Next Events’ link to go to the Upcoming Events page the banner appears on the Upcoming Events page, but as soon as you refresh the page it disappears.

As I mentioned above, the Next/Previous navigation links also change at the same time.

What I want is to get the default Upcoming Events view to load the same way it does after you click on the “Next” link from the Past Events page, because these views are vastly different for some reason.

I don’t think it’s a problem with the theme, seeing the banner CAN be displayed, there’s something in your plugin telling it not to load the banner when the default calendar view loads.

I’ve already explained my problem several times now, so if you are unable to help me please forward the issue on to someone else who may be able to help.

[Barry]

I’ve already explained my problem several times now, so if you are unable to help me please forward the issue on to someone else who may be able to help.

For the time being you’re stuck with me 🙂

I do apologize for the mix-up, but appreciate you clarifying the problem.

I don’t think it’s a problem with the theme, seeing the banner CAN be displayed, there’s something in your plugin telling it not to load the banner when the default calendar view loads.

I don’t believe so. Our plugin has no particular knowledge of how your theme works or if it does or doesn’t display a banner. Instead, I think your theme has some code that displays a banner under certain conditions – a 404, when no results are found – being one of them. When you navigate forwards using our pagination links, though, the whole page is not reloaded. For that reason the banner will stay in place in those scenarios but may not be present if you navigate directly to a page that does contain results. Example:

• If we start here, no results are found and your theme’s 404 banner displays
• Click on next events and only the events portion of the page refreshes – the banner is left in place
• At least at this time, we do actually have events on the next page and if we navigate there directly no 404 banner is generated by your theme

So this is really an integration issue with Avada. There are a few ways you might solve this, but perhaps the most straightforward is to talk to the team behind Avada/read their docs and figure out how the banner is set up and how it can be controlled … you might then use some logic along these lines to set up an events-specific photo banner:

if ( tribe_is_events_query() ) set_events_banner();

That of course would need to be expanded upon, but not being familiar with Avada there’s not too much more I can tell you there. As you pointed out though they are on the list of Theme Forest themes that declare compatibility with The Events Calendar – perhaps you could contact them with your concerns about how the banner behaves in this regard?

[bsb1976]

Just to let you know, I’ve been able to solve this problem thanks to the latest version of the plugin!

Now that shortcodes can be used in the ‘HMTL before/after’ sections, I simply created a slider with just a static image of the banner and gave it negative margins to position it in line with the regular page title bars. It’s a bit of trickery but the users shouldn’t notice any difference.

Keep up the great work!

[Barry]

Thank you (and apologies for the very long delay in noticing your follow-up there, bsb1976, which was due to a quirk of the forum) 🙂

[Author]

Posts