If you look at the HTML source code you can see this:
<ul class="menus menu-secondary">
<li class="cat-item cat-item-1"><a href="http://fortnightfix.com/fnx/category/blender/" title="blender y'all">Blender</a>
</li>
<li class="cat-item cat-item-5"><a href="http://fortnightfix.com/fnx/category/daily/" title="View all posts filed under Daily">Daily</a>
</li>
<li class="cat-item cat-item-4"><a href="http://fortnightfix.com/fnx/category/how-to/" title="View all posts filed under How To">How To</a>
</li>
<li class="cat-item cat-item-7"><a href="http://fortnightfix.com/fnx/category/humor-therapy/" title="View all posts filed under Humor Therapy">Humor Therapy</a>
</li>
<li class="cat-item cat-item-6"><a href="http://fortnightfix.com/fnx/category/plan-b/" title="View all posts filed under Plan B">Plan B</a>
</li
</ul>
So in your css, you could do something like:
.menu-secondary .cat-item-1 a:hover {background:yellow;}
.menu-secondary .cat-item-5 a:hover {background:green;}
Just use the classes generated and pick whatever colour you want.
Look at your style.css to see how the main one if done and just add these new styles below.
If you take a look at the css-tricks source you will see that they have a different class on each of the menu items. I’ve never done that, but there is a way to add classes based on the permalink. That site is a WordPress site.
Do you use a developer tool like FireBug or the Safari WebInspector, if not you should give it a try, they help a lot if you want to figure out how someone did something, or what you did wrong.
/peter
To add a specific class to a menu item, turn on the CSS Classes option in Screen Options on the Appearance/Menus page. It will allow you to specify a particular class for each menu item.
/peter
Thank you Christine and Peter, I was able to change the color using the CSS code you provided. However, the color seems to fill the general space around the button, rather than just the button itself, which makes it look somewhat unprofessional. I have attached a screen shot for you to see the difference between what the button looks like by default (in orange, theme settings) and when I changed the color of the button next to it using the code provided above..
http://www.mediafire.com/convkey/dadf/zy9yh90p6r8q4fo5g.jpg
The orange one seems to neatly fill in the borders where as when I used the code on the “daily” button it seemed to bluntly just fill in the space with the specified color.
I have saved the website as is if the html need to be checked..
http://www.fortnightfix.com/fnx
