Highlighting a single menu item
Is it possible to highlight a single menu item with a box or a highlight?
Like this: https://www.sketchapp.com/
You would see that the Buy Now is boxed.
Like this: https://www.sketchapp.com/
You would see that the Buy Now is boxed.
Comments
To be specific, here's the link:
http://199.design/199-design/
I would like to have the last menu item "Order" to be boxed with neon green line.
Where do I do it?
#Top_bar .menu > li.mhighlight a { border: 1px solid #FFF !important; }For future customization, we suggest to look at http://themes.muffingroup.com/betheme/documentation/#theme-customizations where we explained how to use Firebug for FF.I'll like to have a box surrounding the Menu item when I hover over, like this:
http://jellythemes.com/themes/sonoramawp/#
I tried this CSS code:
#Top_bar .main-menu > li.current a { border: 1px solid border-color: #c3121c !important;}
But it doesn't seem to work.
What's the CSS code?
#Top_bar .menu > li > a { border: 1px transparent solid !important; }#Top_bar .menu > li:hover > a { border-color: #FFF !important; background: transparent !important; }