Not able to set the CSS for Root and child level

[Krishna Chaudhary]

HI

Below is the code of my CSS and i want the look to be the as of image 2 . but what i am getting is image 1

div.RadMenu .rmItem a.rmLink:hover
{
  cursor: pointer !important;
  font-family : Tahoma;
  font-size  : 8pt;
 border: 0px solid black;
    background-color : #F5F5F5;
    color :#F5F5F5;

}

div.RadMenu .rmItem
{
  font-family : Tahoma;
  font-size  : 18pt;
 background-color : #001465 ;
 color  : Silver;
border : none;
    text-decoration : none;
}
div.RadMenu .rmItem a.rmExpandDown
{
 background-color  :transparent ;
 background-image : none;
}
.RadMenu_Green .rmGroup
{
 border: 1px solid green;
 background-color: #fff;
}

Please help me

[Yana]

Hello Krishna,

The easiest way to achieve this result is to create a custom skin with the style builder. You can find useful information about the css classes of the menu here. Please try it and if you have any difficulties, contact us again.

Best wishes,
Yana
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.