This is a migrated thread and some comments may be shown as answers.

Modify button text font in Menu with skin

3 Answers 77 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Clive Hoggar
Top achievements
Rank 1
Clive Hoggar asked on 27 Jan 2009, 08:39 PM
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

 

 

 

 

 

 

 

 

 

 

 

 

 

 

3 Answers, 1 is accepted

Sort by
0
Yana
Telerik team
answered on 28 Jan 2009, 09:21 AM
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.
0
Clive Hoggar
Top achievements
Rank 1
answered on 28 Jan 2009, 04:04 PM
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
0
Serrin
Top achievements
Rank 1
answered on 28 Jan 2009, 09:38 PM
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!
Tags
Menu
Asked by
Clive Hoggar
Top achievements
Rank 1
Answers by
Yana
Telerik team
Clive Hoggar
Top achievements
Rank 1
Serrin
Top achievements
Rank 1
Share this question
or