Color of menu hover bar
Hi, I'm building a site at http://taxervice.com/wp2015/ based of the Be Software demo.
![image](http://taxervice.com/wp2015/wp-content/uploads/2015/10/2015-10-28-14_17_48-Alberta-_-TAXervice-NEW.png)
I have imported several pages of content, and added them to the main menu. How do I edit the "hover" color of each menu option? The HOME page still has an aqua color (carried over from the demo content) on top of the text, and then for my new pages, the hover bar is black, and is located underneath the text.
This is what I am referring to (circled in red)...
![image](http://taxervice.com/wp2015/wp-content/uploads/2015/10/2015-10-28-14_17_48-Alberta-_-TAXervice-NEW.png)
Can you tell me how to edit the color of that bar, and also how to have it placed above the text for all menu items?
Thanks in advance!
-Cam
Comments
to make those lines different colors per menu items, we used Custom classes fields for menu items and under Theme options > Custom CSS & JS > Custom CSS section, with custom css we set different colors for different items.
There is no BAR above the new menu items because it does not work automatically as you think. For each new item, you must set bar color with similar css as you mentioned above: For each new menu item, you must set CSS Classes (optional) name, like we did it (for example color-sea is a class name for one of our items) and then under Theme options > Custom CSS & JS > Custom CSS section, you must set right css. If you won't see the CSS Classes (optional) option for menu items, it means that you must click on "Screen options" button in the right top corner and turn on this field for menu items.