[Plugin: The Events Calendar] Parent Page Issue

Hey there tributeWP. That’s really odd. I am indeed seeing the issue there but have no idea what would be causing it. Let me see if a member of the dev team has any ideas; while I can’t guarantee anything, if this is something our plugin can be tweaked to improve performance on…we’ll definitely do what we can. Stay tuned and thanks for your patience so far.

Hi tributeWP,

That’s weird. Not exactly sure why it’s happening but what I would suggest is to modify your CSS like so:

FROM:

.sf-menu .current-menu-item a, .sf-menu .current-menu-parent a, .sf-menu .current-menu-ancestor a, .sf-menu .current-post-ancestor a, .sf-menu .current_page_item a, .sf-menu .current_page_ancestor a, .sf-menu .current_page_parent a {
border-bottom-color: none;
background-color: #008BCC;
color: #EDA432;
}

TO:

.sf-menu .current-menu-item a, .sf-menu .current-menu-ancestor a, .sf-menu .current-post-ancestor a, .sf-menu .current_page_item a, .sf-menu .current_page_ancestor a {
border-bottom-color: none;
background-color: #008BCC;
color: #EDA432;
}

Let me know whether or not that works.

Cheers,
Jonah

Hey jonahcoyote-
Thanks so much!
That worked so that “News” is no longer highlighted on my Events page, but now on subsections of both the Events page and News page (calendar view, categories for the blog), the current item isn’t highlighted.
Clearly, the current_page_parent tag is a problem here but I’m at a loss for the solution.

Hi tributeWP,

Add the following to your CSS to get blog related pages to highlight News:

.archive .sf-menu .menu-item-1963 a,
.single-post .sf-menu .menu-item-1963 a {
border-bottom-color: none;
background-color: #008BCC;
color: #EDA432;
}

I hope that helps!
– Jonah

Thanks, Jonah! That absolutely did the trick for the News section!
Now to resolve the sub-pages for my Event calendar…

Hey tributeWP…great to hear this did the trick so far. Do you need advise on that last bit or are you set there by this point? Let us know.

Hey Roblagatta,

Yeah, I haven’t quite worked out how to get my Event sub-pages in order. Any advice would be welcome!

Hi tributeWP,

What’s the problem with your event sub-pages? And, what sub-pages specifically are you talking about?

Thanks,
Jonah

Hey Jonah,

When I go to events/month/ -so any part of the calendar, Events in the navigation is not highlighted. The same goes for events/upcoming/
On all of the posted event pages, Events in the navigation is highlighted, so the issue seems to only exist on those two sections.

Thanks!

Hi tributeWP,

You’ll need to again modify your CSS to highlight whatever items you want on specific pages. We can’t help you with all the possible variations for this. To get the Events link highlighted when on that page I would suggest first adding a class to the Events menu item in Appearance > Menus (toggle in Screen Options if you don’t see it as an option for your menu items). Give it a class of “events”.

Then, in your CSS:

.events-gridview .events a {
border-bottom-color: none;
background-color: #008BCC;
color: #EDA432;
}

I hope that helps! You’re going to need to figure out the rest on your own but hopefully this steers you in the right direction. Good luck!

– Jonah

Thanks so much for all your help! Very much appreciated.

Glad to be of service, tributeWP! Thanks for confirming that you’re all set here. I’m going to close this out and mark it Resolved unless you disagree…but please let us know what else we can do in the future. Thanks again for your support and use of the plugin.

Yep, all resolved. Again, thanks!!

Fantastic to hear. If you need anything else down the road, just holler.

Hello there,

I am having the same issue. I followed this and got it to work on the calendar pages, but not the events list page (events/upcoming or events/past).

Is there a separate css class that is used for that page? I tried with the menu item having .events and .events-gridview and even tried .events-listview to see if that works (totally guessing on css naming) which it didn’t.

Any ideas?

Thanks!
-Stephanie