Here is a simple tutorial from Diane Laidlaw of The Design Creative showing you how to easily change the colors of individual menu items. This technique is great for those wanting to highlight a specific menu item entry or to simply create a fun looking menu for their website.
Nice! Pretty easy, but I cannot tell what symbol you are putting inbetween the color choice and important. black(what is in here) important(what is here) …is it a : ; ! – what symbols.
.customclass {color : red ! important }
Sorry I should have mentioned putting the exclamation mark before the important text.
Thanks so much Diane. I enjoy your videos!!!
Other way is to use the unique id assigned to every menu item by Headway. So, there’s no need for extra code. Just use the built-in tools of a browser or something like Firebug to identify the ids.
Just my two cents. 😉
I was going to use the firebug way also but wanted to simplify the process .
How do you use a specific color code? I like FA2166 for pink andnot the pink i get when I type in PINK.
nvm figured it out
That was very well done, normally i will not attempt anything if it involves CSS but that was so well explained I will give it a try. Diane I hope you do more of these screencasts if you do please provide a link to them, is that an east coast accent i hear?
Thanks,
Brian
Great, glad you like it. I am from London , England mate! lol
Hi there,
I’ve put a thread up here to ask your help to try to take this one step further and have each menu item have a custom colour only when it’s hovered over and/or selected. I would be grateful if anyone can help me:
http://support.headwaythemes.com/discussion/38922/individual-menu-item-color-customization-navigation-css-hover-selected