Modify button text font in Menu with skin

[Clive Hoggar]

Hi
I am not having any success in modifying the font size and color on
the top level buttons of a Horizontal Rad Menu in the standard 'black' skin.

I have tried inserting in the website's CSS (in the website root), but to no effect.

 

.rootGroup .item
{
    font-family:Georgia;
    color:#A49261;
}

 The control is within a table. Does that have any impact?

 

I am sure it is a piece of cake (when you know how)
Thanks for advice from anyone who has made this work!

Clive

 

 

 

 

 

 

 

 

 

 

 

 

 

 

[Yana]

Hi Clive,

Please use the following css styles to set different color and font-family  to the root items:

div.RadMenu_Black .rmRootGroup .rmLink {
 color:#A49261;
 font-family: Georgia;
}

Greetings,
Yana
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Clive Hoggar]

Thanks!

This works, but the mouseover text color now defauts to white and
I need it to be the same as the 'off' colour. How do I specify this?

thanks

Clive

[Serrin]

Hey Clive,

First off, awesome color choice to go with the black skin.  I may have to swipe that at a later date. :)

As far as setting the hover, just modify the css to:

    div.RadMenu_Black .rmRootGroup .rmLink:hover,
    div.RadMenu_Black .rmRootGroup .rmLink {
        color:#A49261;
        font-family: Georgia;
    }

The :hover on the first line covers the issue you were having.

Cheers!