Changing color of specific tab of top menu

WordPress Nav Menus support Custom CSS Classes. They can be used to change the colour of your tab. Refer this link -> http://devilsworkshop.org/add-custom-class-individual-menu-items-wpnavmenu/

Related Posts:

  1. How to apply a class to the second word in menu list item?
  2. Styling child custom menu pages
  3. When at / ( or “home”) my menu doesn’t get a current-menu-item class
  4. How do I prevent the text overflow in menu?
  5. How do i style the current menu anchor link’s parent anchor link? [closed]
  6. Custom Post type menu highlighted in the archive/post
  7. Vertical Sidebar Menu Parent and Child not displaying correctly [closed]
  8. How to insert custom code into wp_nav_menu structure?
  9. remove everything from wp_nav_menu
  10. Editing WordPress Nav Menu Walker
  11. Altering html structure and creating custom menus
  12. WordPress Admin Bar Covering & Overlapping Fixed Menu Header [closed]
  13. How to add class to and childs of sidebar widget – WordPress
  14. Add class active to static menu
  15. Grey out nav buttons unless is_user_logged_in()
  16. Add a class at specific element in custom Menu Walker
  17. CSS for Created Menu “Active Selected” not working, everything else is!
  18. How do I add (css) class to a custom link to make it current_page_item
  19. Side Menu Icon Expandable
  20. create a 2 row menu in wordpress
  21. Making nav menu sticky and transparent
  22. current-menu-item class in CSS
  23. CSS_Menu_Walker not showing on mobile view?
  24. Switch from hover to click on Twenty Twelve Menu
  25. How to style a specific nav menu item?
  26. Excluding a media query from specific pages
  27. How to I know the class or ID of my theme?
  28. How to change the color of a menu item [closed]
  29. display menu as table layout
  30. Highlight parent if item from submenu is active
  31. WordPress + Bootstrap [closed]
  32. styling wp_nav_menu – horizontal, sub-menu drop downs
  33. Menu Arrow for Child Element
  34. How to buid wordpress menu with auto width sub-menu items in dropdown menu without any items sharing one line [closed]
  35. Trouble hiding menu on single page
  36. change hover color of specific menu link [closed]
  37. How to add css to single navigation text? [closed]
  38. Navigation menu not visible (contrast issue) on home page
  39. Full screen nav menu block with avada theme
  40. How do I change/remove styling (top border) on main menu for active page and hovering (Avada Theme)
  41. Drop Down menu expanded by default (on front page) [closed]
  42. Odd spacing in Navigation Bar [closed]
  43. How to manipulate attributes of url-less dropdown item in a the custom wordpress menu?
  44. Using CSS ID’s and Classes with images in a WordPress Horizontal Menu
  45. Is there any way to change the CSS class applied to 2nd level sub menu ul’s?
  46. Custom menu styling
  47. Styling issue with custom menus and sub menus
  48. Determining the “current_page” in WordPress Custom Menus
  49. New wp menu menu styling
  50. Child pages don’t become submenus (as in the twenty-ten theme)?
  51. Secondary Menu Not Functioning as a Sticky Menu
  52. I’m trying to remove a duplicate menu, which only appears on the homepage?
  53. Making the menu toggled open on mobile devices Illustratr theme
  54. Im having trouble centering menu items in footer due to “flexbox”
  55. Menu items not clickable
  56. wp_nav_menu container style args
  57. Stuck while adding bootstrap navwalker class
  58. How to swap text in menu item back and forth?
  59. Additional CSS for the nav menu
  60. Disable Top Nav Bar on Mobile
  61. How to get rid of the bottom line in the navigation menu via CSS file?
  62. Active Current Menu – Adding class to child theme
  63. Making my main menu a hamburger menu on all platforms
  64. WordPress menu issue after update
  65. Problem with positioning of the menu in custom WP style
  66. How can I make menu items into two seperate buttons with different functions?
  67. Responsive Dropdown Menu
  68. Mark a page of a queried menu as active
  69. Vertical Menu items shifting to same line when window size increased [closed]
  70. Adding two same css class on menu item
  71. Two questions about CSSing inside the menus
  72. Menu item hidden behind others
  73. Active page link not getting class assigned
  74. Active menu item / category
  75. Making a Custom Menu Sidebar Icon show as Current in css [closed]
  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. individual images as navigation design TwentyTen
  79. Styling Active Links Within WordPress
  80. Specifying Class style for Menu
  81. Bought custom navigation menu from codecanyon, how to change feature.php?
  82. Creating a Horizontal menu
  83. Any plugin to make a 3 levels menu? [closed]
  84. Problem with float:left – unexpected behavior [closed]
  85. wp nav menu – highlighting current page not working properly [closed]
  86. Why there is a gap between and it’s container (A drop down menu in wordpress) [closed]
  87. Why is my hamburger menu not shown? [closed]
  88. Keeping my Sub Menu open when hovering on its list items
  89. How to centre menu items on horizontal nav bar? (e.g. make margins equal) [closed]
  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