Multiple Nav Items selected with Woothemes

Home Forums Calendar Products Events Calendar PRO Multiple Nav Items selected with Woothemes

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #79192
    Jaki
    Participant

    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.

    #79314
    Barry
    Member

    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.

    #79788
    Jaki
    Participant

    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);
    }

    #79988
    Barry
    Member

    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.

    About highlighted

    Seems pretty close to …

    Events highlighted

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Multiple Nav Items selected with Woothemes’ is closed to new replies.