I have been attempting to personalize one recption menus item around the joomla template i have presently use. A few of the menu I have used before normally display item ID whenever you see the source code but my template does not display any whatsoever. Anyhow I produced the css code below wishing this can meet transpire however it did not work. What I am attempting to accomplish is result in the Apply Today a product #30 on my small administrative primary menu panel column turn the backdrop into Red-colored before any hover or any activities. You can view my temp link at getvms.net/home

I truly appreciate should you may help me.

Thanks!

code:

    #s5_nav li { 
    display:block;
    list-style:none;
position:relative;
float:left;
border-right:solid 1px #B6B5B5;
height:45px;
padding-left:10px;
padding-right:10px;
padding-top:9px;
padding-bottom:0px;
overflow:hidden;
}


#s5_nav li.item#30, {
    display:block;
list-style:none;
position:relative;
float:left;
border-right:solid 1px #B6B5B5;
height:45px;
padding-left:10px;
padding-right:10px;
padding-top:9px;
padding-bottom:0px;
overflow:hidden;
background:red;

The next may meet your needs if you work with Joomla! 1.6 or 1.7:

You are able to use a custom CSS class to some specific food selection with the Menu Manager in Joomla!. After you have done this, you are able to use a style to that particular class inside your style sheet.

To do this, simply open the preferred Food Selection inside your Menu Manager, as well as in the best hands column click "Link Type Options" to spread out that panel. The "Link Style CSS" area enables you to definitely specify the title of the CSS class you want to be relevant to that Food Selection. This will help you to apply styles to simply that single food selection.