Modify button text font in Menu with skin

4 posts, 0 answers
  1. Clive Hoggar
    Clive Hoggar avatar
    334 posts
    Member since:
    Nov 2008

    Posted 27 Jan 2009 Link to this post

    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

     

     

     

     

     

     

     

     

     

     

     

     

     

     

  2. Yana
    Admin
    Yana avatar
    4554 posts

    Posted 28 Jan 2009 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Clive Hoggar
    Clive Hoggar avatar
    334 posts
    Member since:
    Nov 2008

    Posted 28 Jan 2009 Link to this post

    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
  5. Serrin
    Serrin avatar
    286 posts
    Member since:
    Sep 2008

    Posted 28 Jan 2009 Link to this post

    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!
Back to Top