current menu item problem

  • losrack

    (@carlos-jaramillo)


    8 years, 1 month ago

    Hi,

    I just started this web today, and having trouble with the current menu item color … I know I am targeting it right because it shows the underline decoration.

    But is the color: that is not changing.

    Please help!

    Thanks
    This is the web

Viewing 3 replies - 1 through 3 (of 3 total)

  • you are already setting specific colors per menu item link, forced with !important;

    your currently used style does not overwrite that; and is alos only styling the html list tag, not the link …

    you might need to try something like this per current menu item:

    ul.menu li#menu-item-8.current-menu-item > a
{
  color: pink!important;
}

    ps:
    basically, start by removing the !important from the CSS for the individual menu items;

    then style the current menu item link; for example with:

    #site-navigation li.current-menu-item a {
	color: red;
}
    Thread Starter losrack

    (@carlos-jaramillo)

    Hi alchymyth

    I finally styled the general navigation, not the individual items, as I had it initially.

    And finally worked with this:

    ul#menu-principal  li.current-menu-item a {
	color: red !important;
}

    Thanks

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘current menu item problem’ is closed to new replies.