I looked for the post but not sure what style only menu you are talking about. I might be using it already. I have the stylesheet_categories_menu.css. It looks like this
Code:body { behavior: url(includes/csshover.htc); } /* WinIE behavior call */ /* EXTRA LINKS Background Color and width */ div#nav-cat { margin-top: 0em; background-color: #eeff99; color: #000000; width: 100%; height:95%; line-height:20px; margin-left: auto; margin-right: auto; font-weight: bold; font-size: 1.3em; } div#nav-cat ul { margin: 0; padding: 0; width: 155px; background-color: transparent; z-index: 1000; /*border: 1px solid #ff0000;*/ } /* div#nav-cat ul.level2 {background-color: #c65928; width: 180px;} div#nav-cat ul.level3 {background-color: #c65928;} div#nav-cat ul.level4 {background-color: #c65928;} div#nav-cat ul.level5 {background-color: #c65928;} div#nav-cat ul.level6 {background-color: #c65928;} */ div#nav-cat li { z-index: 20; position: relative; list-style: none; margin: 0; height: 20px; width: 150px; /*add border below or above products on the menu*/ margin-top: 0px; /* change it to whatever space you want to put space between buttons*/ border-bottom: 0px solid #679966; /* <---this line may help or hinder IE menu shifting issues */ border-top: 0px solid #679966; /* <---this line may help or hinder IE menu shifting issues */ } div#nav-cat li li { margin: 0; /* this overrides the margin-top in the declaration above */ } /* submenu hover over background color */ /* Products menu background color */ div#nav-cat li.submenu {background-color: #eeff99;} /* Products menu hover over background color */ div#nav-cat li.submenu:hover {background-color: #eeff99;} /*padding around product text css menu*/ div#nav-cat li a { display: block; padding: 0em 0em 0em; text-decoration: none; width: 160px; color: #132e12; } div#nav-cat ul a { width: auto; } div#nav-cat ul ul { position: absolute; top: 0; left: 100%; display: none; z-index: 1000; } div#nav-cat ul.level1 li.submenu:hover ul.level2, div#nav-cat ul.level2 li.submenu:hover ul.level3, div#nav-cat ul.level3 li.submenu:hover ul.level4, div#nav-cat ul.level4 li.submenu:hover ul.level5, div#nav-cat ul.level5 li.submenu:hover ul.level6 { display:block; /* submenu background color */ background-color: #eeff99;
I have messed with lots of these color numbers and couldn't get it to change the subcategory hover over links or the Product hover over link.


Reply With Quote
