How to Highlight the Current Page when Using WordPress Navigation Menus

You can choose to target either the list item or the link itself. This example specifies the background color and font color for the current list item: li.current-menu-item { background: #3FAEA5; color:#fff; } So simple, right? Here’s how you might target the link itself: li.current-menu-item a { text-decoration: underline; background:#ccc; }

Be the first to comment

You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.