CSS selector for current page in navigation menu

  • Resolved David N Smith

    (@david-n-smith)


    12 years, 1 month ago

    Hi. This is a great theme.

    I would like the current page to be underlined in the navigation menu. I’ve had a look through style.css but haven’t been able to find a relevant selector to target in my child theme.

    Can this be done through CSS alone or is another method necessary?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter David N Smith

    (@david-n-smith)

    12 years, 1 month ago

    I found the answer on Stack Overflow.

    li.current_page_item a { text-decoration: underline; }

    Thread Starter David N Smith

    (@david-n-smith)

    12 years, 1 month ago

    Although I’ve resolved my issue, I may have discovered a bug relating to the navigation menu CSS in the process.

    Line 625 of style.css reads:

    .blog-menu .current_menu_item a { color: #FFF; }

    Examining the source of my site reveals:

    .current-menu-item

    Note the use of underscores vs hyphens resulting in the element not being styled as required.

    Apologies if I’m mistaken.

    Theme Author Anders Norén

    (@anlino)

    12 years, 1 month ago

    Hi David,

    You’re correct, of course. I’ll include a fix in the next version of the theme.

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

The topic ‘CSS selector for current page in navigation menu’ is closed to new replies.