Multiple Nav Items selected with Woothemes

[Jaki]

I had a problem similar to issue reported with the Canvas theme here https://theeventscalendar.com/support/forums/topic/on-canvas-theme-multiple-nav-items-highlighted-when-events-page-is-displayed/#post-68571

I added this CSS and it does remove the highlight from the blog nav item.

The problem now is that the Event Calendar nav item does not inherit the custom styles that the nav is using. It is only menu item that is using the default blue color, while the rest of the menu items are using a custom purple.

[Barry]

Which of the snippets in that thread are you using (I see there are two, one that we suggested and one provided by WooThemes support)? Essentially though it sounds like something that you would need to customize a little to get a nice fit.

My understanding is that this is effectively a bug in WordPress itself and, unfortunately, one that won’t be fixed.

[Jaki]

Hey Barry, the woo themes provided snippit did not seem to do anything. I used the Events Calendar snippit to get the blog nav item to show showing and then added some more custom css to change the color of the event nav item. That code is below.

#navigation ul.nav > li.current_page_item a, #navigation ul.nav > li.current_page_parent a, #navigation ul.nav > li.current-menu-ancestor a, #navigation ul.nav > li.current-cat a, #navigation ul.nav > li.current-menu-item a {
background-color: #673695;
background-image: -webkit-gradient(linear, left top, left bottom, from(#673695), to(#340362));
background-image: -webkit-linear-gradient(top, #673695, #340362);
background-image: -moz-linear-gradient(top, #673695, #340362);
background-image: -ms-linear-gradient(top, #673695, #340362);
background-image: -o-linear-gradient(top, #673695, #340362);
background-image: linear-gradient(to bottom, #673695, #340362);
}

[Barry]

They look pretty close in colour and gradient to me, Jaki. I’m not sure at this level there is much more we can help with – you’d basically just need to spend time fine tuning things if you feel it’s necessary.

Seems pretty close to …

[Author]

Posts