Main menu color

Hi!

I would like one off the menu items to be a differnt color then the others.

Ive used this code before and it working one the font color won’t change to #ffffff

/* Netwerk Zorgpartners */
li#menu-item-26 a {
    background-color: #0a3456 !important;
	color: #ffffff !important;
}

Its about the item in blue (and the text needs to white. Ive managed to fix the mouse over and te active allready. My total CSS:

/* Main Menu Color & Layout Settings */
/* Active color */
ul#avia-menu > li.current-menu-item > a {
    background-color: #e96f24!important;
}

/* Active font color */
.html_header_sidebar #header .av-main-nav li.current-menu-item > a .avia-menu-text {
    color: #ffffff;
}

/* Main menu padding */
.html_header_sidebar #header .av-main-nav > li > a {
    line-height: 1.3em;
    height: auto;
    padding: 15px 15px;
    margin: 0 auto;
}

.html_header_sidebar #header .av-main-nav > li {
    float: none;
    display: block;
    margin: 0 0;
}

.html_header_sidebar #header .av-main-nav {
    padding: 0 0;
}

/* Logo styling */
.html_header_sidebar .logo {
	position: relative; 
	clear:both;
	padding: 40px 10px; 
	border-bottom-style: solid; 
	border-bottom-width:1px; 
	height:auto; 
	max-height: none; 
	width:100%;
}

/* Netwerk Zorgpartners */
li#menu-item-26 a {
    background-color: #0a3456 !important;
	color: #ffffff !important;
}

/* Submenu styling */
.header_color .sub-menu > li.current-menu-item > a,
.header_color .sub-menu > li.current_page_item > a { 
	background-color: #e96f24 !important; 
	color:#fff !important;
}

http://dedoreon.c3dev.nl/

• This topic was modified 8 years, 10 months ago by c3computers.