CategoryNavigation and css style

Rewritten modul CategoryNavigation.
Why not work in css asp: menu?

I can not change either the font color or background in asp: menu.
How do I fix? Where to change the properties of a menu?

How do I fix?




Переписал модуль CategoryNavigation.
Не могу заставить работать  css  в asp:menu?
Не получается изменить ни цвет шрифта ни фон.
Как исправить? Где менять свойства у menu?

CategoryNavigation.ascx (for example)

<%@ Control Language="C#" AutoEventWireup="true" Inherits="NopSolutions.NopCommerce.Web.Modules.CategoryNavigation"
    CodeBehind="CategoryNavigation.ascx.cs" %>
<style type="text/css">
    #navigationMenu2
    {
        
    }
    #navigationMenu2 .NMItem
    {
        background-color: Blue;
        width: 151px;
        height: 28px;
    }
    #navigationMenu2 .NMItemSelected, #menu .NMItemHover
    {
        background-color: Green;
    }
    #navigationMenu2 a, #navigationMenu2 a:visited
    {
        background: transparent !important;
        background-color: Aqua;
        display: block;
    }
    #navigationMenu2 a:hover, #navigationMenu2 a:active, #navigationMenu2 a:focus
    {
        background: transparent !important;
        display: block;
    }
</style>
<div id="navigationMenu2">
    <asp:Menu ID="NavigationMenu2" runat="server" Orientation="Horizontal">

        <DynamicMenuItemStyle CssClass="NMItem" />
        <DynamicSelectedStyle CssClass="NMItemSelected" />
        <DynamicHoverStyle CssClass="NMItemHover" />

        <Items>
            <asp:MenuItem Value="1111" Text="aaaa">
                <asp:MenuItem Value="2222" Text="bbbb"></asp:MenuItem>
                <asp:MenuItem Value="3333" Text="cccc"></asp:MenuItem>
                <asp:MenuItem Value="4444" Text="dddd"></asp:MenuItem>
            </asp:MenuItem>
        </Items>

    </asp:Menu>
</div>

Please help me.
Thanks!

Forget doing it like that.  Open your App_Themes/yourTheme/Master.css and do it the old fashion way... like so,

.headermenu
{
  color: #FFFFFF;
  background: #796a57;/*green #316207*/
  padding: 8px 5px 9px 5px;
  text-align: center;
  height: 16px;/*  height: 100%;*/
  width: 820px;/*was not here*/
  vertical-align: middle;
  letter-spacing: 1px;
  margin-bottom: 10px;
}

.headermenu ul
{
  padding: 0;
  margin: 0;
}

.headermenu li
{
  list-style: none;
  display: inline;/*display: inline;*/
}

.headermenu a
{
  color: #FFF;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 0.9em;
  font-weight: bold;
  vertical-align: middle;
  padding-left: 10px;
  padding-right: 10px;
}
.headermenu a:hover
{
  color: #ff9933;


Chad

my menu - drop down menu (asp:Menu ID="NavigationMenu2")

I need to change the background of drop menu.

my example does not work in nopcommerce, but works in a pure project. Why? How do I fix?

cboy , Very big thanks.

from the beginning I did not understand

Everything works now.

HOWS UR WEBSITE CAN WE SEE IT?

u tebya web site gotov uje? dai posmaret' :)

Hi,

I was able to change the HeaderMenu to a Different Color Menu with Hover. However, how do I add Visited or Selected feature to my Menu when I click on the button?

I need to change the text color in 2 places: 1) in the Header-Link that shows "Register; Login; Shopping Cart; Wishlist" on top right corner of my site and 2) in the Category and Product pages where the Title section is. Click on the "Living or Dining" button and you'll see what I mean.

Right now the Header-Link is show White color and the Title in the Product pages are showing Grey. Can someone point me to changing the text color so that they will be more visible?

Here's the site I am working on:

www.myamericanfurnituregallerie.com

Please help!