Styling Active Links Within WordPress

You will have to set #menuwrap ul li.current-menu-item a to the color and style you want.

The Problem is actually a CSS issue – because the CSS is more specific if an ID of an element is defined (like in your #menuwrap ul li a), so the above definition is even more specific and is used instead of the current one.

Related Posts:

  1. How to move parent li to end of child ul
  2. How to apply a class to the second word in menu list item?
  3. Override custom menu widget
  4. Styling child custom menu pages
  5. When at / ( or “home”) my menu doesn’t get a current-menu-item class
  6. How do I prevent the text overflow in menu?
  7. How to change Twenty Seventeen theme’s navigation bar location?
  8. How do i style the current menu anchor link’s parent anchor link? [closed]
  9. Custom Post type menu highlighted in the archive/post
  10. WordPress – site with 2 stylesheets and more…
  11. Add nav menu CSS class to body
  12. remove everything from wp_nav_menu
  13. Editing WordPress Nav Menu Walker
  14. Altering html structure and creating custom menus
  15. How to add class to and childs of sidebar widget – WordPress
  16. Add class active to static menu
  17. Add CSS to head depending on nav menu walker
  18. Grey out nav buttons unless is_user_logged_in()
  19. Add a class at specific element in custom Menu Walker
  20. CSS for Created Menu “Active Selected” not working, everything else is!
  21. How do I add (css) class to a custom link to make it current_page_item
  22. Side Menu Icon Expandable
  23. wp_nav_menu not working [closed]
  24. Making nav menu sticky and transparent
  25. Static page to one page- menu inactive items highlighted
  26. CSS_Menu_Walker not showing on mobile view?
  27. CSS Classes (optional) on menu is not showing
  28. How to style a specific nav menu item?
  29. How Do I Add Images To Main Navigation Menu
  30. Excluding a media query from specific pages
  31. How to I know the class or ID of my theme?
  32. My Temptation theme is showing two of the same menu at the top. How do I remove the one that the theme comes with? Please help! [closed]
  33. How to change the color of a menu item [closed]
  34. Highlight parent if item from submenu is active
  35. WordPress + Bootstrap [closed]
  36. styling wp_nav_menu – horizontal, sub-menu drop downs
  37. Menu Arrow for Child Element
  38. How to buid wordpress menu with auto width sub-menu items in dropdown menu without any items sharing one line [closed]
  39. Navigation menu not visible (contrast issue) on home page
  40. Full screen nav menu block with avada theme
  41. Hide pages from the main menu
  42. Drop Down menu expanded by default (on front page) [closed]
  43. Odd spacing in Navigation Bar [closed]
  44. Controlling sub-menu within sub-menu
  45. How to manipulate attributes of url-less dropdown item in a the custom wordpress menu?
  46. Is there any way to change the CSS class applied to 2nd level sub menu ul’s?
  47. Custom menu styling
  48. Styling issue with custom menus and sub menus
  49. Making the menu toggled open on mobile devices Illustratr theme
  50. Menu items not clickable
  51. How to add CSS class to and and id in a nav menu with code?
  52. Change hover to onclick on menu
  53. wp_nav_menu container style args
  54. Add/remove image from navigation bar
  55. Stuck while adding bootstrap navwalker class
  56. How to swap text in menu item back and forth?
  57. How to create a mobile menu full screen overlay using Understraps Bootstrap 4 theme
  58. Additional CSS for the nav menu
  59. Active Current Menu – Adding class to child theme
  60. WordPress menu issue after update
  61. Adding span to a particular text in an menu item
  62. Get Sub-Menu Dropdown to Show Over Page Content
  63. Problem with positioning of the menu in custom WP style
  64. How can I make menu items into two seperate buttons with different functions?
  65. Responsive Dropdown Menu
  66. Mark a page of a queried menu as active
  67. Adding two same css class on menu item
  68. Two questions about CSSing inside the menus
  69. Always show wordpress submenu on responsive header menu
  70. Menu item hidden behind others
  71. Active page link not getting class assigned
  72. Active menu item / category
  73. jQuery not working when used with wordpress menu
  74. Making a Custom Menu Sidebar Icon show as Current in css [closed]
  75. Theme: Twenty Thirteen Mobile Sliding Menu Doesn’t Bump Content Down
  76. Help with changing style of the extended menu drop down [closed]
  77. How do i keep my current page menu highlighted on pagination?
  78. Can’t style custom menu
  79. individual images as navigation design TwentyTen
  80. Specifying Class style for Menu
  81. Menu Underline shows without Hover after adding subitems
  82. Creating a Horizontal menu
  83. Any plugin to make a 3 levels menu? [closed]
  84. How to add or remove borders in navigation menu?
  85. Problem with float:left – unexpected behavior [closed]
  86. wp nav menu – highlighting current page not working properly [closed]
  87. Changing color of specific tab of top menu
  88. Why is my hamburger menu not shown? [closed]
  89. Keeping my Sub Menu open when hovering on its list items
  90. How to change first letter of active menu item
  91. Site navigation sits unstyled for a second on page reload [closed]
  92. Formatting WordPress Menus (without bullets, inline with text)
  93. Changing when mobile menu is displayed
  94. Adding padding above menu
  95. how to add permalink/slug to wordpress custom link menu item
  96. Active Navigation Class Based on URL on icon
  97. Hiding Widget On Mobile Devices Removes Our Product Search Box On Mobiles
  98. change breakpoint widths for divi theme tablet view
  99. Rename Menu icon in Twenty seventeen theme
  100. Main Menu Hover is Always White