Forums

Tricky: Need to highlight only one menu item while active (4 posts)

  1. jjm0109
    Member
    Posted 10 months ago #

    Hey people, this is kind of tricky.

    I have a normal text navbar which highlights on roll-over and while active using li.current_page_item class.
    But I was required to replace one of the menu-item with an image as you can see it over here: http://www.centerforinnersciences.org/spiritmag (7th from left which says SpiritMag)

    I have replaced it using #menu-item-530 a {} class. The roll-over works fine too, using #menu-item-530 a:hover {} syntax but it doesn't green when the page is active.

    I've tried using

    #menu-item-530 li.current_page_item a
    #menu-item-530 .current_menu_item a

    and so many other tricks but none of them works.

    Any solution to this?

    Thanks,
    Jugal

  2. jjm0109
    Member
    Posted 10 months ago #

    <bump> Anyone? </bump>

  3. imran javed
    Member
    Posted 10 months ago #

    same problem i am facing when a page is active there that link should be look like hover.

  4. roughandready
    Member
    Posted 7 months ago #

    I found this article on how to apply custom CSS classes to a Custom Menu.

    Hope it helps.

Reply

You must log in to post.

About this Topic