Changing the Menu hover line color

ricky_xccess

Hi,

when I select a particular menu item, it shows white line at the bottom of the selected menu. Now when I hover over to other Menu items than it display white line at the bottom similar to what is already there with the selected menu item. I want to change the colour of the line when I hover over to another menu item. So the selected menu line should have different colour and when I hover to different menu then it should show different colour line.

I hope you got my point.

Let me know how to do this.

Regards

Puneet

Albert

Hi,

please send us link to page/s where you would like to do above modification first so we can have a look on it and give you best possible solution.

Thanks!

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

ricky_xccess

Go to www.neighbium.com and see white color line is there on Home button. Hover over to any other menu item and you will see white line on the hovered menu. I want to change the hover white line to some other color. In short, I want to distinguish among selected menu and hovered menu line color.

Albert

Ok, thanks. So to change line color on hover only, you need to use the custom css below:

#Top_bar .menu > li:hover a::after { background: #000 !important; }

Learn more: Video Tutorials | How To | FAQ Vote on what comes next