http://monte.robotsheep.com/
i have four items in the top nav menu:
home - link to url
nolan - category
ken - category
about - link to page
this is what i added into the menus_menu1.css:
Code:
/* Part 1- for default state: */ #menu1 .item-home > a > i { background-position: 0px 0px; } #menu1 .cat-?cat=3 > a > i { background-position: 0px -24px; } #menu1 .cat-?cat=2 > a > i { background-position: 0px -48px; } #menu1 .page-about > a > i { background-position: 0px -72px; } /* Part 2 - for hover state: */ #menu1 .item-home:hover > a > i, #menu1 .item-home.active > a > i { background-position: -24px 0px; } #menu1 .cat-?cat=3:hover > a > i, #menu1 .cat-?cat=3.active > a > i { background-position: -24px -24px; } #menu1 .cat-?cat=2:hover > a > i, #menu1 .cat-?cat=2.active > a > i { background-position: -24px -48px; } #menu1 .page-about:hover > a > i, #menu1 .page-about.active > a > i { background-position: -24px -72px; }
as you can see, i was able to change the icon for the ABOUT button. "US"
but the two icons for the category buttons NOLAN & KEN don't show up. should read "NL" and "KN"
i can't figure out why it works for one thing and not the other.
thanks so much for any advice.